这是我参与11月更文挑战的第9天，活动详情查看：2021最后一次更文挑战
前面的更文我们学习了 JavaScript 中的 【JavaScript ES6 学习-for/of】、【JavaScript 学习-特殊符号-位运算符】、【JavaScript 学习-逻辑运算符-短路了?】、 【JavaScript 学习-箭头函数】、
本文来继续学习 JavaScript 中一些其他遍历迭代的方法: 数组的常用遍历方法: forEach()
JavaScript forEach()
在 JavaScript 中对一些数据进行遍历迭代的方法有很多, 比方说前文提到 for/of 循环 和 for/in 循环;for/of of 后面只能是可迭代的对象, for/in in 后面可以是任何对象. 根据在工作中的需求可简单记下: for/in 遍历对象 <--> for/of 遍历数组
forEach()方法对数组的每个元素执行一次给定的函数。
首先来看下最简单的使用方法: 代码如下:
const array = ['item0', 'item1', 'item2']
array.forEach((item) => {
// 这里输出数组的每一项元素:
console.log(item)
})
// 依次输出:
// "item0"
// "item1"
// "item2"
forEach() 语法
// 语法: 还是有很多参数的,
arr.forEach(callback(currentValue [, index [, array]])[, thisArg])
- callback 为数组中每个元素执行的函数，该函数接收一至三个参数：
- currentValue 数组中正在处理的当前元素。
- index 可选 数组中正在处理的当前元素的索引。
- array 可选 forEach() 方法正在操作的数组。
- thisArg 可选 可选参数。当执行回调函数 callback 时，用作 this 的值。
- 返回值 undefined。
注意:
这个方法 除了抛出异常以外，没有办法中止或跳出 forEach() 循环。如果需要中止或跳出循环，forEach() 方法并不是理想的工具。
下一篇更文预告
学习了forEach()这个常用的数组遍历方法, 当然还有一个在实际项目开发中常用的 .map()方法, 方便快捷. 下文更新~...
