关于js数组方法forEach()
2024-10-21 05:51:07
1.forEach()是什么?
forEach()是一种数组遍历方法。
在js最基础的遍历数组方法可能是这样的
点击查看代码
var myArr = [1, 2, 3]
for(var i = 0; i < myArr.length; i++) {
console.log('当前数组元素' + myArr[i]);
console.log('当前数组元素的索引值' + i);
console.log('整个数组元素' + myArr);
}
这样写代码,要写的东西太多了。
在循环里‘声明一个i’ 和 ‘确定数组的长度’是比较繁琐的,
而且var所造成的变量提升很可能造成错误(在循环外面也可以调用i这个变量)。
所以在ES5有了好几个数组遍历方法,
当然这样最原始的方法够用,但在很多实际项目中,这种方法很臃肿,会让代码结构很乱。
在这里先写一下forEach()方法的基本用法
点击查看代码
var myArr = [1, 2, 3]
myArr.forEach(function (currentValue, index, array) {
console.log('当前数组元素' + currentValue);
console.log('当前数组元素的索引值' + index);
console.log('整个数组' + array);
})
forEach方法里面的参数是一个匿名对象,
这个对象可以循环遍历整个数组,
而我们相对数组的操作,就写在这个匿名对象里面。
这个匿名对象提供三个参数(参数名字不固定,可以自己更改),
分别是:
·currentValue 当前循环的数组元素
·index 当前循环的数组元素的索引值
·array 被循环的数组
代码执行的结果:
两组代码执行的结果都是一样的,我们可以看到这样语义化更明显。
在未来的学习以及项目工作中,forEach等其他数组方法是要经常使用的。
这里附上一个比较好的视频讲解案例:https://www.bilibili.com/video/BV1DY41177dM?p=39&vd_source=dd8342c2b9749c488bf0940c66a2da62
推荐看这个,跟着敲一遍,会更容易理解。
最新文章
- 不错的 iOS 工具
- ODOO的命令行调用以及config默认值
- SpringMVC配置数据库连接池
- [转载]Unity3D 访问Access数据库
- 关于启动Visual Studio 2010 旗舰版的几个错误的解决方法。
- lcd_1602
- java 环境的配置
- 项目Contact开发中遇到的,引以为戒
- 谈一谈JDK8的函数式编程 (一)
- Django项目创建02
- HTML学习(一)
- AndroidStudio 集成litepal 报错
- DS4700电池更换步骤
- [物理学与PDEs]第1章习题3 常场强下电势的定解问题
- 蛙蛙推荐: TensorFlow Hello World 之平面拟合
- SQL SERVER数据库删除LOG文件和清空日志的方案
- 《FPGA全程进阶---实战演练》第三十二章 Signal Tap II 应用实例
- Linux文件误删之后恢复方法
- Java异常处理之InvocationTargetException(反射异常)
- PyQt5用QTimer编写电子时钟