在上一篇文章《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);
輸出結果:
好了,就說到這里了,有需要的可以看:javascript高級教程