JavaScript 数组 map() 方法

JavaScript array map() 方法调用指定函数对每个数组元素进行操作，并返回新的数组。该方法不会改变原始数组。

语法

map() 方法的语法如下：

array.map(callback(currentvalue,index,arr),thisArg)  

参数

callback - 它表示产生新数组的函数。

currentvalue - 数组的当前元素。

index - 可选。当前元素的索引。

arr - 可选。map() 方法操作的数组。

thisArg - 可选。在执行回调时要使用的值。

返回值

通过回调函数的结果生成的新数组。

JavaScript 数组 map() 方法示例

让我们看一些 map() 方法的示例。

示例1

在这个示例中，map() 方法将给定元素四舍五入到最近的整数。

<script>
var arr=[2.1,3.5,4.7];
var result=arr.map(Math.round);
document.writeln(result);
</script>

输出：

2,4,5

示例2

这里，map()方法通过将给定数组的每个元素乘以3来返回。

<script>
var arr=[2,4,6];
var result=arr.map(x=>x*3);
document.writeln(result);
</script>

输出：

6,12,18