js的關於for的語句

JavaScript for...in 語句

for...in 語句用於對數組或者對象的屬性進行循環操做。javascript

for ... in 循環中的代碼每執行一次，就會對數組的元素或者對象的屬性進行一次操做。html

語法：

 (變量  對象)
{
    在此執行代碼
}forin

「變量」用來指定變量，指定的變量能夠是數組元素，也能夠是對象的屬性。java

實例：數組

使用 for ... in 循環遍歷數組。數據結構

<html>
<body>

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"


</script>

</body>
</html>

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：一個具備可枚舉屬性而且能夠迭代的對象。

實例：
spa

Arrays(數組)

Arrays（數組）就是類列表（list-like）對象。數組原型上有各類方法，容許對其進行操做，好比修改和遍歷等操做。下面手在一個數組上進行的 for...of 操做：code

// array-example.js const iterable = ['mini', 'mani', 'mo'];   for (const value of iterable) { console.log(value); }   // Output: // mini // mani // mo

其結果就是打印出 iterable 數組中的每個值。htm

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的值