js数组方法考察点详解

来自“阿里巴巴2017秋招前端笔试题”中的一道笔试题：

将数组 var a=[1,2,3] 变成数组 [4,3,2,1] 下面的方式正确的是？

a.reverse().unshift(4)

a.push(4).reverse()

a.push(4); a.reverse()

a.splice(3,1,4).reverse()

想要做对这道js题目，就要对数组中常用方法的作用和返回值熟悉。下面摘录一下牛客网上的一个回答：

Array对象常用方法中：

不改变原数组：

1、 concat()

连接两个或多个数组

不改变原数组

返回被连接数组的一个副本

2、join()

把数组中所有元素放入一个字符串

不改变原数组

返回字符串

3、 slice()

从已有的数组中返回选定的元素

不改变原数组

返回一个新数组

4、 toString()

把数组转为字符串

不改变原数组

返回数组的字符串形式

改变原数组：

5、 pop()

删除数组最后一个元素，如果数组为空，则不改变数组，返回undefined

改变原数组

返回被删除的元素

6、 push()

向数组末尾添加一个或多个元素

改变原数组

返回新数组的长度

7、 reverse()

颠倒数组中元素的顺序

改变原数组

返回该数组

8、 shift()

把数组的第一个元素删除，若空数组，不进行任何操作，返回undefined

改变原数组

返回第一个元素的值

9、 sort()

对数组元素进行排序(ascii)

改变原数组

返回该数组

10、 splice()

从数组中添加/删除项目

改变原数组

返回被删除的元素

11、 unshift()

向数组的开头添加一个或多个元素

改变原数组

返回新数组的长度

解析：

A选项：a.reverse()后返回值即数组a变成[3,2,1],再使用unshift()方法在数组开头添加一个4，a数组就变成了[4,3,2,1]。注，unshift()返回新数组的长度，此处为4。正确。

B选项：push()方法返回新数组的长度，是一个number类型，不是数组，所以不能再用“.”操作符继续执行reverse()方法。错误。

C选项：正确。

D选项：splice()语法：arrayObject.splice(index,howmany,item1,…..,itemX)。

参数：

index：必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1, …, itemX：可选。向数组添加的新项目。

返回值：

Array：包含被删除项目的新数组，如果有的话。

由于a.splice(3,1,4)中的index为3，超过了数组a的下标，所以3后面的1也不会起作用。a.splice(3,1,4)会将4插入到数组a末尾。但splice()返回值是被删除项目的新数组，由于a.splice(3,1,4)并没有删除元素，所以返回的新数组为空，对空数组reverse()还是空。(如果D选项改成a.splice(3,1,4);a.reverse()就正确了。)错误。

所以正确答案为：AC。

拓展题目

看完了上面的解释，再看看这道题：

请问下面哪种方式可以在不改变原来数组的情况下，拷贝出数组 b ，且满足 b!=a 。例如数组 a 为 [1,2,3] 。

let b=a;

let b=a.slice();

let b=a.splice(0,0);

let b=a.concat();

你的答案是什么？

解析：

A选项 b=[1,2,3] b==a

B选项 b=[1,2,3] b!=a slice()返回一个新数组

C选项 b=[] b!=a splice(0,0)没有删除项目，因此返回空。

D选项 b=[1,2,3] b!=a concat()不改变原数组，返回被连接数组的一个副本。

所以正确答案应该是BD。