JavaScript的map()方法使用

最新推荐文章于 2025-08-24 11:54:05 发布

原创最新推荐文章于 2025-08-24 11:54:05 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中map()方法的使用，展示了如何利用该方法处理数组元素并生成新的数组，同时强调了map()不会修改原数组的特点。

定义和用法

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

const myArray = [1, 2, 3, 4, 5];

const square = (num) => {
  return num * num;
}

const result = myArray.map(square);

console.log(result);
// 返回 [ 1, 4, 9, 16, 25 ]

// 或者直接这样使用

const result1 = myArray.map((num) => {
  return num * num;
})
console.log(result1);
// 返回 [ 1, 4, 9, 16, 25 ]

// map函数不会改变原数组
console.log(myArray);