map()方法创建新数组，其值为原数组元素调用回调函数的返回值。例如：numbers.map(num => num * 2)返回[2,4,6,8]；users.map(user => user.name)提取姓名；items.map((item, idx) => ${idx}: ${item})结合索引生成新字符串。注意原数组不变，需有return语句，空槽位置保留。
JavaScript 中的数组 map() 方法用于对数组中的每个元素调用一个提供的函数，并返回一个由回调函数返回值组成的新数组。原始数组不会被修改。
基本语法
array.map(function(currentValue, index, arr), thisArg)currentValue：当前处理的元素index（可选）：当前元素的索引arr（可选）：调用 map 的原数组thisArg（可选）：执行回调函数时使用的 this 值
map() 返回一个新数组，其内容是原数组中每个元素调用回调函数后的返回值。
常见使用示例
1. 数组元素乘以 2
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
// doubled: [2, 4, 6, 8]
2. 提取对象数组中的某个属性
const users = [
{ name: ‘Alice’, age: 25 },
{ name: ‘Bob’, age: 30 }
];
const names = users.map(user => user.name);
// names: [‘Alice’, ‘Bob’]
3. 使用索引参数
const items = [‘a’, ‘b’, ‘c’];
const withIndex = items.map((item, idx) => `${idx}: ${item}`);
// withIndex: [‘0: a’, ‘1: b’, ‘2: c’]
注意事项
map() 不会改变原数组如果不需要返回新数组，而只是想遍历执行操作，应使用 forEach()回调函数中必须有 return 语句，否则新数组的对应项为 undefinedmap() 无法跳过稀疏数组中的空槽，但会保留它们的位置
基本上就这些。map 是处理数组转换最常用的方法之一，适合用于数据映射和结构转换场景。
以上就是js数组遍历map方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1537605.html
微信扫一扫 
支付宝扫一扫 
