站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

es6怎么实现数组的遍历

时间:2022-04-27 [网络编程]作者:fabuyuan 浏览:6 次

方法:1、利用“数组.keys()”方法,该方法能够遍历数组索引;2、利用“数组.values()”方法,该方法能够遍历数组元素;3、利用“数组.entries()”方法,该方法能够遍历数组的索引和元素。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6怎么实现数组的遍历

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怎么实现数组的遍历的详细内容,更多请关注站长家园其它相关文章!

本文标签:  ES6

转载请注明来源:es6怎么实现数组的遍历

本文永久链接地址:https://www.adminjie.com/post/11680.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • oracle怎么去掉前后的空格

      oracle怎么去掉前后的空格

      在oracle中,可用trim()函数来去掉前后的空格,当该函数的参数设置为both时,就会去除指定的首部和尾部字符,语法为“selecttrim(both...

    • oracle怎么查看表属于哪个用户

      oracle怎么查看表属于哪个用户

      方法:1、利用“SELECT*FROMDBA_TABLESWHERETABLE_NAME='表名'”语句查询;2、利用“...WHEREOBJECT...

    • css底部双描边是什么属性

      css底部双描边是什么属性

      css底部双描边是“border-bottom-style”属性,该属性用于设置元素底部边框的样式,当属性值设置为“double”时,可给元素的底部添加双实线边...

    • oracle怎么删除约束条件

      oracle怎么删除约束条件

      删除方法:1、利用“ALTERTABLE表名DROPUNIQUE(字段名);”语句删除表的单个字段约束;2、利用“ALTERTABLE表名DROP...

    • CSS里面能用odd吗

      CSS里面能用odd吗

      CSS里面能用odd。在CSS中,odd可以在伪类选择器中作为关键字选中指定元素,常作为“:nth-child()”选择器的参数,用于选取父元素中奇数行的指定子...

    热门文章