js的關於for的語句
阿新 • • 發佈：2018-11-09
JavaScript for...in 語句
for...in 語句用於對陣列或者物件的屬性進行迴圈操作。
for ... in 迴圈中的程式碼每執行一次，就會對陣列的元素或者物件的屬性進行一次操作。
語法：
for (變數 in 物件)
{
在此執行程式碼
}“變數”用來指定變數，指定的變數可以是陣列元素，也可以是物件的屬性。
例項：
使用 for ... in 迴圈遍歷陣列。
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
JavaScript for...of 語句
for...of 語句建立一個迴圈來迭代可迭代的物件。在 ES6 中引入的 for...of 迴圈，以替代 for...in 和 forEach() ，並支援新的迭代協議。for...of 允許你遍歷 Arrays（陣列）, Strings（字串）, Maps（對映）, Sets（集合）等可迭代的資料結構等。
語法:
for (variable of iterable) {
statement
}
- variable：每個迭代的屬性值被分配給該變數。
- iterable：一個具有可列舉屬性並且可以迭代的物件。
例項：
Arrays(陣列)
Arrays（陣列）就是類列表（list-like）物件。陣列原型上有各種方法，允許對其進行操作，比如修改和遍歷等操作。下面手在一個數組上進行的 for...of 操作：
// array-example.js
const iterable = ['mini', 'mani', 'mo']; for (const value of iterable) { console.log(value); } // Output: // mini // mani // mo
其結果就是打印出 iterable 陣列中的每一個值。
JavaScript for each...in 語句
使用一個變數迭代一個物件的所有屬性值,對於每一個屬性值,有一個指定的語句塊被執行.
語法：
for each (variable in object) {
statement
}
-
variable -
用來遍歷屬性值的變數,前面的
var關鍵字是可選的.該變數是函式的區域性變數而不是語句塊的區域性變數.
-
object - 該物件的屬性值會被遍歷.
-
statement -
遍歷屬性值時執行的語句. 如果想要執行多條語句, 請用(
{ ... }) 將多條語句括住. - 例項:
-
var sum = 0; var obj = {prop1: 5, prop2: 13, prop3: 8}; for each (var item in obj) { sum += item; } print(sum); // 輸出"26",也就是5+13+8的值