JS数组学习之如何在头部或尾部插入元素

第JS数组学习之如何在头部或尾部插入元素？添加数组元素有多种方式：可以在数组开头或末尾添加，也可以根据数组下标在任意位置添加。今天我们就先来给大家介绍一下如何在数组开头或末尾插入元素。

在数组开头插入元素

在JavaScript中，我们可以使用unshift()函数来在数组开头插入元素，该函数能够把一个或多个参数值附加到数组的头部：

array.unshift(元素1,元素2,...,元素X)

第1个参数元素1为数组新的元素0，第2个参数元素2为新的元素1，以此类推，最后返回添加元素后的数组长度。

我们通过下面的例子来具体看看：

vara=[0];//定义数组

console.log(a);//返回[0]

a.unshift(1,2);//一次性增加两个元素

console.log(a);//返回[1,2,0]

vara=[0];

a.unshift(1);//增加元素1

a.unshift(2);//增加元素2

console.log(a);//返回[2,1,0]

可以看出：我们使用a.unshift(1,2)来在a数组的开头按顺序插入两个数值1、2；使用a.unshift(1)在a数组的开头插入数值1，又在此基础上使用a.unshift(2)在开头（即数值1前）插入数值2。因此输出结果为：

在数组末尾插入元素

在JavaScript中，我们可以使用push()或者concat()方法来在数组尾部插入元素。下面一一介绍一下：

1、使用push()方法

push()方法能够把一个或多个参数值附加到数组的尾部，并返回添加元素后的数组长度。

array.push(元素1,元素2,...,元素X)

我们通过下面的例子来具体看看：

vara=[0];//定义数组

console.log(a);//返回[0]

a.push(1,2);//一次性增加两个元素

console.log(a);//返回[0,1,2]

vara=[0];

a.push(1);//增加元素1

a.push(2);//增加元素2

console.log(a);//返回0,1,2]

可以看出：我们使用a.push(1,2)在a数组的尾部按顺序插入两个数值1、2；使用a.push(1)在a数组的尾部插入数值1，又在此基础上使用a.push(2)在尾部（即数值1后）插入一个数值2。因此输出结果为：

3、使用concat()方法

1）、concat()方法可以连接两个或多个数组，会将作为参数的一个或多个数组的元素添加到指定数组的尾部。

vara=[1,2,3];

varb=[4,5,6];

varc=[7,8];

vard=a.concat(b,c);

console.log(d);

concat()方法会把作为参数的一维数组打散，分别作为单独的元素连接到数组的尾部。因此输出结果为：

但concat()方法不能够全部打散二维数组，只能将二维数组包含的一维元素连接到数组的尾部

vara=[1,2,3,4,5];

varb=[[1,2,3],[4,5]];

varc=[[1,2,3],3];

vard=a.concat(b,c);

console.log(d);

2）concat()方法也可以插入给定的一个或多个元素，能够把传递的所有参数按顺序添加到数组的尾部。

vara=[1,2,3,4,5];//定义数组

varb=a.concat(6,7,8);//为数组a连接3个元素

console.log(b);//返回[1,2,3,4,5,6,7,8]