【JS学习】map方法和forEach方法

1. 介绍

map方法和forEach方法都是数组对象的原生方法，用于迭代数组的每个元素，并且可以为数组中的每个元素执行提供的回调函数。

2. forEach方法

forEach方法没有返回值（或者说返回值是undefined），而是直接在原数组上进行操作。

const array = [1, 2, 3, 4];

array.forEach((element, index) => {
    
    
  console.log(`Element at index ${
      
      index}: ${
      
      element}`);
});

3. map方法

map方法会创建一个新数组，其中包含通过对原数组的每个元素应用提供的函数得到的结果。

const array = [1, 2, 3, 4];

const newArray = array.map((element, index) => {
    
    
  return element * 2;
});

console.log(newArray);

4. 二者区别

forEach直接在原数组上进行操作，不生成新的数组。map生成一个新的数组，原数组不受影响。

只是想迭代数组中的每个元素，并对其执行某些操作，但不需要生成新的数组的时候，使用forEach

想要创建一个新数组，其中包含对原数组的每个元素应用某个函数后的结果时，使用map