你也可以轻松掌握map()使用方法！详解.map(parseInt)用法和原理！

在我们处理数组时，map()方法应该是我们常用的一个Array方法之一了。它早在ES6的时候就已经出现了，主要功能是通过创建一个新数组，其结果是数组中的每一个元素都调用一个提供的函数后返回的结果。

简单点来说，使用map()方法可以很方便地对数组中的每个元素进行处理，并生成一个新数组，其中包含经过处理后的元素。其语法形式为：
array.map((currentValue, index, array) => { // 使用 currentValue, index 或 array 执行某些操作 // 返回处理后的值 });

我们先来看一个简单的例子：

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(number => number * 2);
console.log(doubledNumbers); // [2, 4, 6]

这个例子中，我们使用map()方法对numbers数组中的每个元素调用number => number * 2这个回调函数，将每个元素乘以2，然后生成一个新数组doubledNumbers，其中包含处理后的元素[2, 4, 6]。

在上面的例子中，我们使用了一个箭头函数作为回调函数。箭头函数是一种简写函数语法，它可以代替传统的function定义的函数。箭头函数的语法为：

(parameters) => {
  // 函数体
}

在上面的例子中，我们的箭头函数只有一个参数number，它代表当前正在处理的元素。函数体中，我们使用number * 2这个表达式将当前元素乘以2，并返回结果。

map()方法还接受第二个参数，即thisArg参数。thisArg参数指定在回调函数中this关键字的值。如果省略thisArg参数，则this关键字的值为undefined。例如：

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
}, thisArg);
console.log(doubledNumbers); // [2, 4, 6]

在上面的例子中，我们使用了一个传统的function关键字定义的函数作为回调函数。thisArg参数的值为thisArg，因此在回调函数中this关键字的值为thisArg。

map()方法是一个非常强大的方法，它可以用于各种各样的数组处理操作。例如，我们可以使用map()方法将数组中的字符串转换为大写，或者将数组中的数字转换为浮点数。

如果我们希望对数组中的每个元素进行更加复杂的处理，我们可以使用map()方法的第二个参数index，它代表当前正在处理的元素在数组中的索引。例如：

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map((number, index) => {
  return number * (index + 1);
});
console.log(doubledNumbers); // [2, 4, 6]

在上面的例子中，我们在回调函数中使用index参数来计算每个元素的新值。我们使用number * (index + 1)这个表达式将当前元素乘以其在数组中的索引加1，并返回结果。