189 8069 5689
这篇文章主要介绍“es6如何实现数组的遍历”，在日常操作中，相信很多人在es6如何实现数组的遍历问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”es6如何实现数组的遍历”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联是一家集网站建设,若羌企业网站建设,若羌品牌网站建设,网站定制,若羌网站建设报价,网络营销,网络优化,若羌网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
方法：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' ]
到此，关于“es6如何实现数组的遍历”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！