方法：1、利用「數組.keys()」方法，該方法能夠遍歷數組索引；2、利用「數組.values()」方法，該方法能夠遍歷數組元素；3、利用「數組.entries()」方法，該方法能夠遍歷數組的索引和元素。
本教學操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。
ES6提供了entries()，keys()，values()方法傳回陣列的遍歷器，對於遍歷器（Iterator）可以使用for.. .of進行便利，也可是使用entries（）傳回的遍歷器Iterator.next()方法進行遍歷。
1.使用keys()遍歷。
keys()傳回的是陣列元素索引號碼的遍歷器。
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
console.log(index);
}結果：
可以看到輸出的都是每個陣列元素的index。
0 1 2 3 4 5 6 7 8 9 10
2.使用values()遍歷。
values()傳回的是陣列元素值的遍歷器。
for (let val of arr1.values()) {
console.log(val);
}結果：
a b c d e f g h i j k
3.使用entries()遍歷。
配合解構使用，可以拿到元素的index和value。
for (let [index, val] of arr1.entries()) {
console.log(index, val);
}結果：
0 'a' 1 'b' 2 'c' 3 'd' 4 'e' 5 'f' 6 'g' 7 'h' 8 'i' 9 'j' 10 'k'
4.使用Iterator.next()遍歷。
基於entries()傳回的遍歷器，呼叫遍歷器的next()的方法可以取得每一個元素的存取入口，該入口有一個done屬性可以表示是否便利結束。透過入口可以拿到value屬性，其就是元素的索引和值的陣列。
let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
console.log(entry.value);
entry=arrEntries.next();
}結果：
[ 0, 'a' ] [ 1, 'b' ] [ 2, 'c' ] [ 3, 'd' ] [ 4, 'e' ] [ 5, 'f' ] [ 6, 'g' ] [ 7, 'h' ] [ 8, 'i' ] [ 9, 'j' ] [ 10, 'k' ]
【相關推薦：javascript影片教學、web前端】
以上是es6怎麼實現陣列的遍歷的詳細內容。更多資訊請關注PHP中文網其他相關文章！
