实现map js
实现 JavaScript 的 map 方法
在 JavaScript 中，map 方法是数组的一个高阶函数，用于对数组中的每个元素执行指定的操作，并返回一个新数组。以下是实现 map 方法的几种方式：
使用原生 Array.prototype.map
原生 map 方法是最简单的方式，直接调用即可：
const array = [1, 2, 3, 4];
const mappedArray = array.map((item) => item * 2);
console.log(mappedArray); // [2, 4, 6, 8]自定义实现 map 方法
如果需要手动实现 map 方法，可以通过以下方式：
function customMap(arr, callback) {
const result = [];
for (let i = 0; i < arr.length; i++) {
result.push(callback(arr[i], i, arr));
}
return result;
}
const array = [1, 2, 3, 4];
const mappedArray = customMap(array, (item) => item * 2);
console.log(mappedArray); // [2, 4, 6, 8]为数组原型添加自定义 map 方法
可以为 Array.prototype 添加自定义的 map 方法：
Array.prototype.myMap = function(callback) {
const result = [];
for (let i = 0; i < this.length; i++) {
result.push(callback(this[i], i, this));
}
return result;
};
const array = [1, 2, 3, 4];
const mappedArray = array.myMap((item) => item * 2);
console.log(mappedArray); // [2, 4, 6, 8]使用 reduce 实现 map
map 方法也可以通过 reduce 实现：
function mapWithReduce(arr, callback) {
return arr.reduce((acc, current, index, array) => {
acc.push(callback(current, index, array));
return acc;
}, []);
}
const array = [1, 2, 3, 4];
const mappedArray = mapWithReduce(array, (item) => item * 2);
console.log(mappedArray); // [2, 4, 6, 8]注意事项
map方法不会修改原数组，而是返回一个新数组。- 回调函数可以接收三个参数：当前元素、当前索引和原数组。
- 如果需要在稀疏数组上使用
map，需要注意未初始化的元素会被跳过。
以上方法可以根据具体需求选择使用。原生 map 方法性能最优，自定义实现则更适合学习或特殊场景。
