js实现map接收参数
实现Map接收参数的方法
在JavaScript中，Array.prototype.map()方法用于对数组的每个元素执行给定的函数，并返回一个新数组。map方法接收一个回调函数作为参数，该回调函数可以接收多个参数。
回调函数的参数
map方法的回调函数可以接收以下三个参数：
currentValue：当前正在处理的数组元素。index（可选）：当前元素的索引。array（可选）：调用map方法的数组本身。
基本用法
const array = [1, 2, 3];
const newArray = array.map((currentValue, index, array) => {
return currentValue * 2;
});
console.log(newArray); // 输出: [2, 4, 6]使用索引参数
const array = ['a', 'b', 'c'];
const newArray = array.map((currentValue, index) => {
return `${index}: ${currentValue}`;
});
console.log(newArray); // 输出: ["0: a", "1: b", "2: c"]使用数组参数
const array = [1, 2, 3];
const newArray = array.map((currentValue, index, array) => {
return currentValue + array.length;
});
console.log(newArray); // 输出: [4, 5, 6]指定this值
map方法的第二个参数可以指定回调函数中的this值。
const array = [1, 2, 3];
const obj = { multiplier: 10 };
const newArray = array.map(function(currentValue) {
return currentValue * this.multiplier;
}, obj);
console.log(newArray); // 输出: [10, 20, 30]箭头函数与this
箭头函数没有自己的this，因此无法通过第二个参数指定this值。
const array = [1, 2, 3];
const obj = { multiplier: 10 };
const newArray = array.map((currentValue) => {
return currentValue * this.multiplier; // this指向外层作用域
}, obj);
console.log(newArray); // 输出: [NaN, NaN, NaN]链式调用
map方法可以与其他数组方法链式调用。
const array = [1, 2, 3];
const newArray = array
.filter(x => x > 1)
.map(x => x * 2);
console.log(newArray); // 输出: [4, 6]通过以上方法，可以灵活使用map方法处理数组数据。
