盘点JavaScript中数组遍历的全部方式(上篇)

news/2024/7/19 16:36:43 标签: 字符串, js, css, html, python
htmledit_views">
html" title=js>js_content">

天生我才必有用,千金散尽还复来。

前言

JavaScript想必大家都不陌生了,其中的html" title=字符串>字符串和数组大家经常都会用到,今天就让我们来说说这里面的数组对象的遍历吧,因为遍历经常使用的缘故,所以小编带着大家来解锁遍历的所有方法,以便大家能够更深入的了解数组遍历,并在实际项目中灵活运用。

一、Entries

这个是 ES6中提供的用于遍历数组的方法,它会返回一个遍历器对象,Entries是对键值对的遍历。

二、Every

every()是对数组中的每一项运行给定函数,如果该函数对每一项返回True,则返回True。比如:

我们给它一个真的条件,如下:

三、For循环

最常用的数组遍历的方法,但是效率不够高,一般建议使用临时变量来存储数组中的数据进行遍历读取输出,避免重复。如下:

四、For...in....

用于对数组或者对象的属性进行循环操作,每执行一次,就会对数组的元素或者对象的属性进行一次操作,如下:

可以看出返回的是数组的下标和数组的值和原型上的方法和属性。因此For...in更适合遍历对象,不适合遍历数组。

五、For...of

可直接遍历数组的元素的值,对于遍历数组来说非常方便,推荐使用这种方法,如下:

六、Foreach

它可以遍历数组中的每一项,没有返回值,对原数组无影响,而且不止IE浏览器。如下:

七、Filter

根据指定条件来遍历数组但不改变原始数组,返回新数组,相当于一个过滤器,如下:

八、总结

本文主要介绍了JavaScrpit中数据遍历的常用7种方式,下一篇文章继续安利7种遍历方式。乍看一下,没想到竟然有这么多方法,不知道你知道哪几种呢?


http://www.niftyadmin.cn/n/806344.html

相关文章

ubuntu系统安装FTP

Ubuntu安装vsftp软件 1.更新软件源 首先须要更新系统的软件源,便捷工具下载地址:http://help.aliyun.com/manual?spm0.0.0.0.zJ3dBU&helpId1692 2.安装vsftp 使用apt-get命令安装vsftp #apt-get install vsftpd -y 3.加入�ftp帐号和文件…

GT 大神 | 如何高效渲染流体效果(绝对干货)

流体效果 相信大家都不陌生,实现方式中的一种是将粒子渲染成 metaball 。什么是metaball metaball 就是粒子加上其周围的 密度场 (density field)。两个 metaball 靠近时,其密度场会叠加。当屏幕上某个像素的"密度"大于阈值时,将其…

七夕,互联网公司爱情故事

世界上有两种爱情:一般人的爱情和互联网人的爱情。互联网人的爱情,带着深深互联网公司的烙印;一般人,还真理解不了——1.欢快的脱单局-公关市场的联谊局,最后都会以互加微信、交换名片收场;目的是拓宽人脉&…

[Java聊天室server]实战之二 监听类

前言 学习不论什么一个稍有难度的技术,要对其有充分理性的分析,之后果断做出决定---->也就是人们常说的“多谋善断";本系列尽管涉及的是socket相关的知识,但学习之前,更想和广大程序猿分享的是一种心境&#x…

【每日面试】2021美团优选Java一二面面经

作者:xin2801 链接:https://www.nowcoder.com/discuss/761529?source_iddiscuss_experience_nctrack&channel-1 来源:牛客网 ——9月26日 一面 55分钟 1.自我介绍 2.实习项目 (讨论10-15分钟) 3.Java集合类八股 …

为了成长,我豁出去了!同程苏州,我来了!

想想有点小激动,晓衡受10W公众号大佬「涛哥」邀请报名了8月30号同程资本举办的「首届视频号创新峰会」。记得在8月6号当天,刚接到涛哥消息感觉很是犹豫!因为自从6.18过后,我们的微店源码商城非常的惨淡,好几位开发者发…

盘点JavaScript中数组遍历的全部方式(下篇)

前言JavaScript想必大家都不陌生了,上篇文章盘点JavaScript中数组遍历的全部方式(上篇)已经给大家介绍了7种数组遍历的方式,这篇文章继续介绍7种数组遍历的方式,这样一共14种遍历方式,基本上囊括了JavaScri…

MySQL常用工具与日志

MySql中常用工具 1 mysql 该mysql不是指mysql服务,而是指mysql的客户端工具。 语法 : mysql [options] [database]1.1 连接选项 参数 : -u, --username 指定用户名-p, --password[name] 指定密码-h, --hostname 指定服务器IP或域名-…