【JavaScript面试】map()方法

87 阅读 0 评论 58 点赞

我是靠谱客的博主友好大碗，这篇文章主要介绍【JavaScript面试】map()方法，现在分享给大家，希望可以做个参考。

map(）

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

注意：函数的作用是对数组中的每一个元素进行处理，返回新的元素。

语法

map是数组的方法，有一个参数，参数是一个函数，函数中有3个参数

参数1：item必须。当前元素的值

参数2：index，可选。当前元素在数组中的索引值

参数3：arr可选。当前元素属于的数组对象

复制代码

1
2
array.map(function(item,index,arr){})

举个例子：

复制代码

1
2
3
4
  var array1 = [1, 4, 9, 16];
  const map1 = array1.map(x => x * 2);
  console.log(map1);

打印的结果为：

复制代码

1
2
> Array [2,8,18,32]

但是

复制代码

1
2
3
4
5
6
7
8
9
10
var array1 = [1, 4, 9, 16];
 
const map1 = array1.map(x => {
    if (x == 4) {
        return x * 2;
    }
});
 
console.log(map1);

打印的结果是：

复制代码

1
2
> Array [undefined, 8, undefined, undefined]

为什么结果会是这样呢？
会出现undefined，是因为map()方法创建了一个新数组，但新数组并不是在遍历完array1后才被赋值的，而是每遍历一次就得到一个值

复制代码

1
2
3
4
5
6
7
8
9
10
11
 var array1 = [1, 4, 9, 16];

        const map1 = array1.map(x => {
            if (x == 4) {
                return x * 2;
            }
            return x;
        });

        console.log(map1);