js陣列迴圈方法對比

前端晉級攻城獅發表於2019-07-09

普通遍歷

最簡單的一種,也是使用頻率最高的一種。

let arr = ['a', 'b', 'c', 'd', 'e']
for (let i = 0; i < arr.length; i++) {
  console.log(i, ' => ', arr[i])
}
優化
let arr = ['a', 'b', 'c', 'd', 'e']
for (let i = 0, len = arr.length; i < len; i++) {
  console.log(i, ' => ', arr[i])
}
複製程式碼

for-in

這個迴圈很多人愛用,但實際上,經分析測試,在眾多的迴圈遍歷方式中它的效率是最低的。

et arr = ['a', 'b', 'c', 'd', 'e']
for (let i in arr) {
  console.log(i, ' => ', arr[i])
}
複製程式碼

forEach

最簡單的一種,也是使用頻率最高的一種。

let arr = ['a', 'b', 'c', 'd', 'e']
arr.forEach((v, k) => {
  console.log(k, ' => ', v)
})
複製程式碼

相關文章