1. 程式人生 > >for,for each,for in,for of

for,for each,for in,for of

for迴圈,用來遍歷陣列

如:var arr = [1,2,3,4]

       for(var i = 0 ; i< arr.length ; i++)

       { console.log(arr[i]) }

 

for each也是用來遍歷陣列,雖然寫法簡單了很多,但是不能中斷迴圈

如:let arr = ['a', 'b', 'c', 'd']
arr.forEach(function (val, idx, arr) {
console.log(val + ', index = ' + idx)        // val是當前元素,index當前元素索引,arr陣列
console.log(arr)
})

for in為迴圈”enumerable“物件而設計的(也可以用來迴圈陣列,但不推薦)

如:

let obj = {a: '1', b: '2', c: '3', d: '4'}
for (let o in obj) {
console.log(o)     //遍歷的實際上是物件的屬性名稱 a,b,c,d
console.log(obj[o])      //這個才是屬性對應的值1,2,3,4
}

 

for of不能用來迴圈一個普通物件

如:let arr = ['China', 'America', 'Korea']

for (let o of arr)

{ console.log(o) //China, America, Korea }