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

        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號
        主站蜘蛛池模板: 久久久久成人精品无码中文字幕 | 国产精品美女网站| 无码人妻精品一区二区三区东京热 | 国产精品乱码高清在线观看| 亚洲国产成人精品久久久国产成人一区二区三区综 | 日本五区在线不卡精品| 国产成人久久久精品二区三区| 国产夫妇精品自在线| 精品无码久久久久久尤物| 最新国产精品拍自在线观看| 欧美精品福利在线视频 | 久久青青草原精品国产| 日韩蜜芽精品视频在线观看| 国自产精品手机在线观看视频| 成人精品一区二区三区电影黑人 | 91精品国产福利尤物| 久久精品国产亚洲AV无码麻豆 | 色婷婷久久久SWAG精品| 国产精品五月天强力打造| 久久精品人人做人人爽电影| www.99精品| 国产精品无码无卡在线播放| 日产精品久久久一区二区| 亚洲精品乱码久久久久久久久久久久| 无码精品人妻一区二区三区AV| 欧美日韩在线精品一区二区三区激情综合| 国产亚洲精品拍拍拍拍拍| 国产系列高清精品第一页| 黑人巨大精品欧美一区二区| 国产伦精品一区二区三区视频猫咪| 88国产精品无码一区二区三区 | 麻豆国产精品VA在线观看不卡| 九九热这里只有国产精品| 精品人妻伦一二三区久久| 久久91这里精品国产2020| 久久精品一区二区三区中文字幕| 蜜桃麻豆www久久国产精品| 亚洲?V乱码久久精品蜜桃| 亚洲精品国产精品乱码在线观看| 精品少妇人妻av无码久久| 97在线精品视频|