计算机代表 javascript 映射数组方法
在这篇文章中,我们将讨论其中一种方法,即 JavaScript map()方法。map ()是数组原型的方法,可用于基于现有数组创建新数组,而无需处理循环。
立即下载:JavaScript 简介
[免费指南]
我将解释map()方法是什么、它的作用是什么以及如何编写它,然后我们将以该方法的一些实际示例结束。
JavaScript 中的 map() 是什么?
在 JavaScript 中,map() 是 Array 对象的一个方法。它通过对原 手机号码列表 始数组的每个元素调用一个函数来创建一个新数组,并将结果存储在新数组中。map() 返回新数组,原始数组保持不变。
JavaScript map() 语法
map ()方法写法如下:
JS
ction (currElement, currElementIndex, currElementArr) {},
this);
让我们详细分析一下:

arrayName是调用map()方法的数组。
function (必需)是应用于arrayName中每个元素的回调函数。它可以是命名函数或匿名函数。
currElement (必需)是数组arrayName中的当前元素。函数必须将currElement作为参数。
currElementIndex (可选)是arrayName中当前元素的索引。
currElementArr(可选)是当前元素的数组对象。
this (可选)是函数中this操作符的值。如果未定义,则该值为undefined。
返回一个新数组,其中每个元素都是以currElement为输入的函数的输出。
那么,这种方法实际上是如何使用的呢?假设我有一个整数数组,我想将数组中的每个整数加 1。这可以通过循环来实现:
在这里,我编写了一个for循环,迭代oldArray中的每个元素,将当前元素加 1,然后将该整数作为newArray中的元素。
现在看下面的例子,它使用map()来产生相同的结果。
在此示例中,map()方法用于数组oldArray,创建一个包含oldArray的值加一的新数组。然后将变量newArray赋给这个新数组。
我也可以使用箭头函数更有效地编写相同的函数。以下是与上面相同但使用箭头函数编写的示例:
最后,我还可以将map()与命名函数一起使用。这里,我有一个使用map()方法调用的addOne()函数。
您可能已经注意到map()的行为类似于 JavaScript forEach()方法。不同之处在于map()创建新数组而不影响旧数组,而forEach()会更改旧数组而不会创建新数组。如果您想要创建新数组,则应仅使用map() 。
另请注意,如果数组包含空元素,map()将忽略这些元素:
JavaScript map() 示例
让我们看看map()方法的一些用例。如前所述,map()非常适合对数组的所有元素执行数学函数并使用结果创建新数组。