JS怎么根據數組下標添加元素

本篇內容主要講解“JS怎么根據數組下標添加元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JS怎么根據數組下標添加元素”吧!

數組中的每個元素都有一個序號，這個序號從0開始，被稱為下標（Index）。數組的下標是非常重要的，利用下標我們可以訪問數組元素，只需指明下標即可，形式為：數組名[下標索引]。例：

a[0]  //表示第0個元素
a[3]  //表示第3個元素

利用下標我們也可以插入元素，下面就來具體介紹一下。

我們可以使用  數組名[下標值] = 元素值 的形式在數組指定下標位置添加新元素

var a = [1,2,3];  //定義數組
a[3] = 4;  //為數組添加一個元素
console.log(a);  //返回[1,2,3,4]

看看輸出結果：

不過使用這種方法時，需要 指定的下標值 >= 原數組的長度，這樣就會在原數組的尾部添加新元素

var a = [1,2,3];  //定義數組
a[4] = 4;  //為數組添加一個元素
console.log(a);

看看輸出結果：

如果小于原數組的長度，那就不是添加新元素了，會變成替換元素

var a = [1,2,3];  //定義數組
a[1] = 4;  //為數組添加一個元素
console.log(a);

看看輸出結果：

使用 數組名[下標值] = 元素值 的形式只能在數組指定下標位置添加一個新元素；那么想要在指定下標位置插入一個或多個元素要怎么做呢？

我們可以使用 splice() 方法。splice()是一個強大的方法，不僅可以刪除數組元素，還可以添加數組元素，也可以替換數組元素。

下面我們就來聊聊 splice() 方法添加數組元素的功能。

array.splice(index,howmany,item1,.....,itemX)的第1個參數index為指定起始下標位置；第2個參數howmany指定應該刪除的元素數目，當值設置為0時，就會不執行刪除操作；這樣就可以通過第3個及后面參數item1,.....,itemX來插入一個或多個元素。

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

var a = [1,2,3,4,5];
a.splice(1,0,"hello");
console.log(a);

可以看出：使用a.splice(1,0,"hello")在下標1的位置（即數組第1個元素位置后）插入一個元素"hello"，因此輸出結果為：

var a = [1,2,3,4,5];
a.splice(2,0,"hello","hi",8);
console.log(a);

可以看出：使用a.splice(2,0,"hello","hi",8)在下標2的位置（即數組第2個元素位置后）插入多個元素"hello"、"hi"、8，因此輸出結果為：

使用splice() 方法我們也可以實現在數組開頭或者結尾添加元素：

var a = [1,2,3,4,5];
a.splice(0,0,"hello");
a.splice(a.length,0,"hi");
console.log(a);

如果想要在數組開頭添加元素，就設置該方法第1個參數index的值為0即可；如果想要在數組末尾添加元素，就設置該方法第1個參數index的值為 數組長度   即可，數組長度可以使用a.length來獲取。

我們看看輸出結果：

添加的數組元素可以是單個值，也可以是一個數組：

var a = [1,2,3,4,5];
a.splice(5,0,[6,7,8,9]);
console.log(a);

輸出結果：

到此，相信大家對“JS怎么根據數組下標添加元素”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！