JS中的Map方法

最新推荐文章于 2025-07-20 09:35:42 发布

原创最新推荐文章于 2025-07-20 09:35:42 发布 · 704 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #java #docker

java 专栏收录该内容

276 篇文章

订阅专栏

Map方法是JavaScript中处理数组的一种方式，它创建一个新数组，新数组的元素是原数组中每个元素经过指定函数处理后的结果。回调函数callback接受三个参数：当前值currentValue、索引index和原数组array。在回调函数中，thisArg可以设置为任意值。map生成的新数组通常用于进一步操作，不使用新数组直接调用map可能违背其设计目的。示例展示了如何将数组中的每个元素乘以2，输出结果为[2, 8, 18, 32]。在实际开发中，应根据需求正确选择map、forEach或for-of循环。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS中的Map方法

Map方法用于处理js中数组中数据

**map()** 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

arr.map(function callback(currentValue, index, array]，thisArg)

callback 生成新数组元素的函数使用三个参数：
- currentValue 数组中正在处理的当前元素。
- index 数组中正在处理的当前元素的索引。可选
- array map 方法调用的数组
thisArg可选

执行 callback 函数时值被用作this

callback 函数只会在有值的索引上被调用；那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。
map生成一个新数组，当你不打算使用返回的新数组却使用map是违背设计初衷的，请用forEach或者for-of替代。

如果 thisArg 参数提供给map，则会被用作回调函数的this值。否则 [这里是代码016] 会被用作回调函数的this值。

实例

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7