极客笔记JavaScript数组的map方法详解
JavaScript中的map方法是数组原型上的一个高阶函数，用于对数组中的每个元素进行操作并返回一个新的数组。本文将详细讨论map方法的用法及示例。
语法
map方法的语法如下：
array.map(function(currentValue, index, arr), thisValue)
currentValue: 数组中当前正在处理的元素。index: 可选，当前元素在数组中的索引。arr: 可选，当前操作的数组。thisValue: 可选，传入的this值。
map方法会遍历数组中的每个元素，对每个元素调用传入的回调函数，并将回调函数的返回值组成一个新的数组返回。
示例
下面我们用几个示例来说明map方法的具体用法。
示例一：将数组中的每个元素乘以2
let arr = [1, 2, 3, 4, 5];
const newArr = arr.map((item) => {
return item * 2;
});
console.log(newArr);
运行结果：
[2, 4, 6, 8, 10]
示例二：将数组中的字符串转换为大写
let arr = ["hello", "world", "javascript"];
const newArr = arr.map((item) => {
return item.toUpperCase();
});
console.log(newArr);
运行结果：
["HELLO", "WORLD", "JAVASCRIPT"]
示例三：获取数组中数字的平方根
let arr = [1, 4, 9, 16, 25];
const newArr = arr.map((item) => {
return Math.sqrt(item);
});
console.log(newArr);
运行结果：
[1, 2, 3, 4, 5]
注意事项
- 使用
map方法时，注意传入的回调函数中不要修改原数组，否则会影响到结果。 map方法会返回一个新的数组，原数组不会被修改。
总结
map方法是 JavaScript 中非常实用的数组方法，能够方便地对数组中的每个元素做相同的操作并返回一个新的数组。合理利用map方法能够简化代码并提高开发效率。