在 JavaScript 中,数组的映射(Mapping)是指通过对数组的每个元素应用一个函数,创建一个新的数组,新数组的每个元素都是原数组元素经过函数处理后的结果。
常用的数组映射方法有两种:Array.prototype.map()
方法和箭头函数。
-
使用
Array.prototype.map()
方法:
map()
方法是 JavaScript 数组原型的一个方法,它接受一个函数作为参数,并在原数组的每个元素上调用该函数。该函数可以对每个元素进行处理,并返回处理后的结果,这些结果将被组成一个新的数组返回。示例:
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(function (num) { return num * 2; }); console.log(doubledNumbers); // [2, 4, 6, 8, 10]
-
使用箭头函数:
箭头函数是 JavaScript 中的一种函数表达式,它提供了一种简洁的语法来定义函数。通过结合箭头函数和数组的map()
方法,可以更加简洁地进行数组映射操作。示例:
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(num => num * 2); console.log(doubledNumbers); // [2, 4, 6, 8, 10]
无论是使用 Array.prototype.map()
方法还是箭头函数,它们都可以实现对数组进行映射操作,根据每个元素的值生成一个新的数组。这种映射操作在处理数据时非常有用,可以快速而简洁地进行数组元素的转换和处理。