javascript中的map用法
墨初 Web前端 586阅读
在javascript中,有一个数组处理的方法map(),此方法可以根据已有的数组创建一个新数组,也可以理解为对已有数组内的每个元素进行单独的处理,并将每个元素处理后的结果联合起来,组成一个新的数组。
map()基本语法
例:
arr.map(function(element, index, array) { return transformedElement; // 返回元素的新值 }, thisValue);
参数
值 | 描述 |
---|---|
element | 正在处理的当前元素 |
index | 可选,正在处理当前元素的索引。 |
array | 可选,调用当前方法的数组 |
map()用法示例
例1:
let arr = [1,2,3,4]; const newarr = arr.map((e) => e * 2); console.log(arr); // [2,4,6,8]
例2:
let arr2 = ['a','b','c','d']; const newarr2 = arr2.map((e,i) => e+i); console.log(newarr2); // ['a0', 'b1', 'c2', 'd3']
ps:
1、map() 返回的是一个新的数组
2、map() 不会修原有的数组
3、map() 对原有数组的每个元素只执行一次