站長資訊網
最全最豐富的資訊網站

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]

看看輸出結果:

JS數組學習之根據數組下標添加元素

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

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

看看輸出結果:

JS數組學習之根據數組下標添加元素

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

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

看看輸出結果:

JS數組學習之根據數組下標添加元素

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

我們可以使用 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",因此輸出結果為:

JS數組學習之根據數組下標添加元素

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,因此輸出結果為:

JS數組學習之根據數組下標添加元素

使用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來獲取。

我們看看輸出結果:

JS數組學習之根據數組下標添加元素

添加的數組元素可以是單個值,也可以是一個數組:

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

輸出結果:

JS數組學習之根據數組下標添加元素

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

贊(1)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
美日韩一区二区三区| 精品国产精品久久一区免费式| 亚洲欧洲精品无码AV| 无码人妻精品一区二区三区99不卡 | aaa级精品久久久国产片| 中日韩美中文字幕| 国产精品线在线精品| 思思99re66在线精品免费观看 | 日韩久久久久中文字幕人妻| 无码日韩人妻精品久久| 国产精品无码亚洲精品2021| 亚洲AV无码精品国产成人| 免费精品国产日韩热久久| 国产精品毛片久久久久久久| 在线电影国产精品| 久久99精品久久久久久久久久| 无码精品一区二区三区在线| 久久久午夜精品理论片| 久久九九久精品国产日韩经典| 国产成人精品电影在线观看| 日韩欧国产精品一区综合无码| 精品乱人伦一区二区三区| 国产乱人伦偷精品视频AAA| 亚洲精品自产拍在线观看| 久久国产精品久久久| 国产a∨精品一区二区三区不卡| 亚洲一区精品无码| 久久99国产精品久久99果冻传媒| 国产原创精品视频| 亚洲国产精品久久久天堂| 久久精品成人无码观看56| 久久国产三级精品| 99视频精品在线| 亚洲国产精品综合福利专区| 久久精品久久久久观看99水蜜桃| 亚拍精品一区二区三区| 99任你躁精品视频| 久久精品久久久久观看99水蜜桃| 亚洲成人精品久久| 欧洲精品久久久av无码电影| 亚洲国产精品久久|