使用 map 循环遍历数组 - Javascript

在Javascript中，我们可以使用map方法来循环遍历数组。

什么是map方法？

map是Javascript中原生提供的一个数组方法，它用于对数组中的每个元素进行操作并返回一个新的数组。map方法接收一个函数作为参数，这个函数会在数组中的每个元素上执行，并将其结果保存到新的数组中。

语法

array.map(function(currentValue, index, arr), thisValue)

• currentValue：必须参数，表示数组中当前正在处理的元素。
• index：可选参数，表示当前元素在数组中的索引。
• arr：可选参数，表示被“map”处理的数组本身。
• thisValue：可选参数，表示在调用函数时作为“this”关键字的值（即函数内部的“this”值）。

例子

以下是使用map方法来计算一个数组中每个元素的平方值的例子：

const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(function(number) {
  return number * number;
});
console.log(squares); // [1, 4, 9, 16, 25]

在上述例子中，我们首先定义了一个名为numbers的数组，其中包含一些整数。接下来，我们使用map方法来对numbers数组中的每个整数进行平方计算，并将计算结果保存在名为squares的新数组中。

注意事项

在使用map方法时，一定要注意返回值问题。map方法在执行过程中会创建一个新的数组并将处理后的元素放入其中，因此你必须在函数内部返回一个值，以便map方法将该值添加到新的数组中。如果你忘记或者不打算返回值，那么map方法将会在新数组中添加一个undefined元素。

总结

通过本文的介绍，你应该已经了解了如何使用map方法来循环遍历数组。使用map方法可以使你的代码变得更加简单、高效和优雅，因此在合适的场景下请务必尝试使用它。