在上一篇文章《JS數(shù)組學(xué)習(xí)之一維和二維數(shù)組的創(chuàng)建和訪問》中，我們介紹了數(shù)組創(chuàng)建的多種方法。既然有了數(shù)組，我們就要操作數(shù)組，而最常見的操作就是添加或刪除數(shù)組元素。這次我們先來給大家介紹插入數(shù)組元素的幾種方式，之后再給大家介紹刪除數(shù)組元素的方法。

添加數(shù)組元素有多種方式：可以在數(shù)組開頭或末尾添加，也可以根據(jù)數(shù)組下標(biāo)在任意位置添加。今天我們就先來給大家介紹一下如何在數(shù)組開頭或末尾插入元素。

在數(shù)組開頭插入元素

在JavaScript中，我們可以使用unshift()函數(shù)來在數(shù)組開頭插入元素，該函數(shù)能夠把一個(gè)或多個(gè)參數(shù)值附加到數(shù)組的頭部：

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

第 1 個(gè)參數(shù) 元素1 為數(shù)組新的元素 0，第 2 個(gè)參數(shù) 元素2 為新的元素 1，以此類推，最后返回添加元素后的數(shù)組長度。

我們通過下面的例子來具體看看：

var a = [0];  //定義數(shù)組 console.log(a);  //返回[0]  a.unshift(1,2);  //一次性增加兩個(gè)元素 console.log(a);  //返回[1,2,0]  var a = [0]; a.unshift(1);  //增加元素1 a.unshift(2);  //增加元素2 console.log(a);  //返回[2,1,0]

可以看出：我們使用a.unshift(1,2)來在a數(shù)組的開頭按順序插入兩個(gè)數(shù)值1、2；使用a.unshift(1)在a數(shù)組的開頭插入數(shù)值1，又在此基礎(chǔ)上使用a.unshift(2)在開頭（即數(shù)值1前）插入數(shù)值2。因此輸出結(jié)果為：

在數(shù)組末尾插入元素

在JavaScript中，我們可以使用push()或者concat() 方法來在數(shù)組尾部插入元素。下面一一介紹一下：

1、使用push()方法

push()方法能夠把一個(gè)或多個(gè)參數(shù)值附加到數(shù)組的尾部，并返回添加元素后的數(shù)組長度。

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

我們通過下面的例子來具體看看：

var a = [0];  //定義數(shù)組 console.log(a);  //返回[0]  a.push(1,2);  //一次性增加兩個(gè)元素 console.log(a);  //返回[0,1,2]  var a = [0]; a.push(1);  //增加元素1 a.push(2);  //增加元素2 console.log(a);  //返回0,1,2]

可以看出：我們使用a.push(1,2)在a數(shù)組的尾部按順序插入兩個(gè)數(shù)值1、2；使用a.push(1)在a數(shù)組的尾部插入數(shù)值1，又在此基礎(chǔ)上使用a.push(2)在尾部（即數(shù)值1后）插入一個(gè)數(shù)值2。因此輸出結(jié)果為：

3、使用concat() 方法

1）、concat() 方法可以連接兩個(gè)或多個(gè)數(shù)組，會將作為參數(shù)的一個(gè)或多個(gè)數(shù)組的元素添加到指定數(shù)組的尾部。

var a = [1,2,3]; var b = [4, 5, 6]; var c = [7,8]; var d = a.concat(b,c); console.log(d);

concat() 方法會把作為參數(shù)的一維數(shù)組打散，分別作為單獨(dú)的元素連接到數(shù)組的尾部。因此輸出結(jié)果為：

但concat() 方法不能夠全部打散二維數(shù)組，只能將二維數(shù)組包含的一維元素連接到數(shù)組的尾部

var a = [1,2,3,4,5];   var b = [[1,2,3], [4,5]]; var c = [[1,2,3], 3]; var d = a.concat(b,c); console.log(d);

2）concat() 方法也可以插入給定的一個(gè)或多個(gè)元素，能夠把傳遞的所有參數(shù)按順序添加到數(shù)組的尾部。

var a = [1,2,3,4,5];  //定義數(shù)組 var b = a.concat(6,7,8);  //為數(shù)組a連接3個(gè)元素 console.log(b);  //返回[1,2,3,4,5,6,7,8]

輸出結(jié)果為：

說明：concat() 方法將創(chuàng)建并返回一個(gè)新數(shù)組，而不是在原來的基礎(chǔ)上添加新元素；但unshift()方法會在原數(shù)組基礎(chǔ)上添加元素。

好了，就說到這里了，有需要的可以看：javascript高級教程