【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

你可能感兴趣的:(前端学习,#,JS学习,javascript,学习,前端)