JS如何在頭部或尾部插入元素

本篇內容主要講解“JS如何在頭部或尾部插入元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JS如何在頭部或尾部插入元素”吧!

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

在數組開頭插入元素

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

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

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

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

var a = [0];  //定義數組
console.log(a);  //返回[0]

a.unshift(1,2);  //一次性增加兩個元素
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數組的開頭按順序插入兩個數值1、2；使用a.unshift(1)在a數組的開頭插入數值1，又在此基礎上使用a.unshift(2)在開頭（即數值1前）插入數值2。因此輸出結果為：

在數組末尾插入元素

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

1、使用push()方法

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

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

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

var a = [0];  //定義數組
console.log(a);  //返回[0]

a.push(1,2);  //一次性增加兩個元素
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數組的尾部按順序插入兩個數值1、2；使用a.push(1)在a數組的尾部插入數值1，又在此基礎上使用a.push(2)在尾部（即數值1后）插入一個數值2。因此輸出結果為：

3、使用concat() 方法

concat() 方法可以連接兩個或多個數組

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

concat() 方法會把作為參數的一維數組打散（二維數組就不行了），分別作為單獨的元素連接到數組的尾部。因此輸出結果為：

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

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

輸出結果為：

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

到此，相信大家對“JS如何在頭部或尾部插入元素”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！