JS—数组的map()

142 阅读1分钟

1.用法概述

map() 对数组里面的所有元素进行相同的操作,并将结果置于新数组里,不改变原数组

2.语法

arr.map(callbackFun(item, index, arr) { })

arr.map((item, index, arr) => { });

1)参数

callbackFun()——数组中每个元素执行的函数,该函数有三个参数。

Item——必需。原数组的每个数组元素

index——可选。原数组的每个数组下标

arr——原数组

2)返回值

返回一个由原数组每个元素执行回调函数的结果所组成的新数组,它不改变原数组。如果回调函数内部没有return新的元素,则map将返回一个由undefined组成的数组。

3.案例用法

const g1 = [2, 3, 4, 6, 7, 9];
const g2 = g1.map(item => item * 2)   //[4,6,8,12,14,18]
console.log(g2);

const g2 = g1.map(item => {})        //[ undefined, undefined, undefined, undefined, undefined, undefined ]
console.log(g2);

const g1 = [];                      
const g2 = g1.map(item => {})       //[]
console.log(g2);

注意:

1)map()方法执行的次数等于原数组的数组长度

2)如果回调函数内部没有return新的元素,则map的返回值都是undefined。

3)map()方法不会对空数组进行检测

developer.mozilla.org/zh-CN/docs/…