JavaScript 是一种广泛应用于前端开发的脚本语言,具备强大的数组操作能力。在前端开发中,经常需要对数组进行各种操作和处理,例如遍历数组、筛选元素、映射元素值等。为了简化这些操作,JavaScript 提供了一系列的数组迭代方法。本文将详细介绍几个常用的 JavaScript 数组迭代方法,并提供相应的源代码示例。
- forEach() 方法
forEach() 方法用于遍历数组中的每个元素,并对每个元素执行指定的操作。它接受一个回调函数作为参数,该回调函数可以接收三个参数:当前元素的值、当前元素的索引和被遍历的数组本身。下面是一个使用 forEach() 方法的示例代码:
const array = [1, 2, 3, 4, 5];
array.forEach((element, index) => {
console.log(`元素值:${element},索引:${index}`);
});
- map() 方法
map() 方法用于对数组中的每个元素进行映射操作,返回一个新的数组,新数组的元素是原始数组经过映射函数处理后的结果。映射函数也接受三个参数:当前元素的值、当前元素的索引和被映射的数组本身。以下是使用 map() 方法的示例代码:
const array = [1, 2, 3, 4, 5];
const mappedArray = array.map((element) => {
return element * 2;
});
console.log(mappedArray); // 输出:[2, 4, 6, 8, 10]
- filter() 方法
fil