博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6,数组遍历
阅读量:6832 次
发布时间:2019-06-26

本文共 1007 字,大约阅读时间需要 3 分钟。

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' ]

 

End

 

转载地址:http://rttkl.baihongyu.com/

你可能感兴趣的文章
什么是javascript(一)
查看>>
JAVA入门到精通-第22/23讲-容器、集合类
查看>>
励志写一篇有味道的博文------json
查看>>
oracle赋权
查看>>
c异或加密与解密
查看>>
【转载】ESFramework 平台下可复用的Tcp通信层实现
查看>>
python lib
查看>>
分布式学习资料-专著列表
查看>>
9.配置postfix空客户端
查看>>
计数排序详解以及java实现
查看>>
HTML5介绍
查看>>
图片的title属性和alt属性的区别
查看>>
iOS社会化分享(干货)
查看>>
第八章实验报告
查看>>
使用 gzexe 快速加密解密文件内容
查看>>
java jvm学习笔记十(策略和保护域)
查看>>
Linux(CentOS)挂载移动硬盘
查看>>
JaveWeb 公司项目(7)----- 通过JS动态生成DIV
查看>>
python_控制台输出带颜色的文字方法
查看>>
TiDB 深度实践之旅--真实“踩坑”经历
查看>>