揭秘JavaScript forEach与Map的奥秘

2023-10-04 14:35:09

在JavaScript领域，遍历数组是编程实践中至关重要的部分。JavaScript提供了多种便利的遍历方法，其中forEach和map是最常见且用途广泛的两种。本文将深入探究forEach和map的奥秘，揭示它们各自的特点和用法，以便读者能够更有效地驾驭这两大遍历利器。

纵览forEach与map

1. forEach

forEach是一个JavaScript内置方法，用于对数组中的每一个元素进行遍历并执行指定的回调函数。它接受一个回调函数作为参数，该回调函数将对数组中的每个元素逐一调用。forEach方法不会改变原数组，而只是遍历数组并对每个元素执行指定的操作。

2. map

map也是一个JavaScript内置方法，用于对数组中的每一个元素进行遍历并返回一个新数组。它接受一个回调函数作为参数，该回调函数将对数组中的每个元素逐一调用并返回一个新的值。map方法会返回一个新数组，其中包含了对原数组每个元素应用回调函数后的结果。

实战演练

为了更深入地理解forEach和map的使用方法，我们通过以下代码示例来加以说明：

// 使用forEach遍历数组并打印每个元素
const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
  console.log(number);
});

// 使用map将数组中的每个元素乘以2并返回一个新数组
const doubledNumbers = numbers.map((number) => {
  return number * 2;
});
console.log(doubledNumbers);