JS怎么根據(jù)數(shù)組下標(biāo)添加元素

本篇內(nèi)容主要講解“JS怎么根據(jù)數(shù)組下標(biāo)添加元素”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“JS怎么根據(jù)數(shù)組下標(biāo)添加元素”吧!

數(shù)組中的每個(gè)元素都有一個(gè)序號(hào)，這個(gè)序號(hào)從0開(kāi)始，被稱為下標(biāo)（Index）。數(shù)組的下標(biāo)是非常重要的，利用下標(biāo)我們可以訪問(wèn)數(shù)組元素，只需指明下標(biāo)即可，形式為：數(shù)組名[下標(biāo)索引]。例：

a[0]  //表示第0個(gè)元素
a[3]  //表示第3個(gè)元素

利用下標(biāo)我們也可以插入元素，下面就來(lái)具體介紹一下。

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

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

看看輸出結(jié)果：

不過(guò)使用這種方法時(shí)，需要 指定的下標(biāo)值 >= 原數(shù)組的長(zhǎng)度，這樣就會(huì)在原數(shù)組的尾部添加新元素

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

看看輸出結(jié)果：

如果小于原數(shù)組的長(zhǎng)度，那就不是添加新元素了，會(huì)變成替換元素

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

看看輸出結(jié)果：

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

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

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

array.splice(index,howmany,item1,.....,itemX)的第1個(gè)參數(shù)index為指定起始下標(biāo)位置；第2個(gè)參數(shù)howmany指定應(yīng)該刪除的元素?cái)?shù)目，當(dāng)值設(shè)置為0時(shí)，就會(huì)不執(zhí)行刪除操作；這樣就可以通過(guò)第3個(gè)及后面參數(shù)item1,.....,itemX來(lái)插入一個(gè)或多個(gè)元素。

我們通過(guò)下面的例子來(lái)具體看看：

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

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

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

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

使用splice() 方法我們也可以實(shí)現(xiàn)在數(shù)組開(kāi)頭或者結(jié)尾添加元素：

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

如果想要在數(shù)組開(kāi)頭添加元素，就設(shè)置該方法第1個(gè)參數(shù)index的值為0即可；如果想要在數(shù)組末尾添加元素，就設(shè)置該方法第1個(gè)參數(shù)index的值為 數(shù)組長(zhǎng)度   即可，數(shù)組長(zhǎng)度可以使用a.length來(lái)獲取。

我們看看輸出結(jié)果：

添加的數(shù)組元素可以是單個(gè)值，也可以是一個(gè)數(shù)組：

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

輸出結(jié)果：

到此，相信大家對(duì)“JS怎么根據(jù)數(shù)組下標(biāo)添加元素”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！