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

        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人妻无码精品蜜桃HD| 在线观看亚洲精品福利片| 色花堂国产精品第一页| 无码日韩精品一区二区免费暖暖| 91久久精品国产91性色也| 国产国产精品人在线视| 亚洲精品亚洲人成在线观看下载 | 久久精品无码一区二区三区日韩| 华人在线精品免费观看| 久久精品国产第一区二区三区| 欧洲精品一区二区三区在线观看 | 久久精品中文字幕久久| 精品无码一区二区三区亚洲桃色| 人人妻人人澡人人爽精品欧美| 91精品国产自产在线观看| 福利姬在线精品观看| 久久久久无码精品国产| 亚洲精品高清国产一线久久| 久久久国产精品| 久久久久无码精品| 精品国产一级在线观看| 丁香色婷婷国产精品视频| 麻豆精品久久精品色综合| 国产精品爽黄69天堂a| 国产精品久久久久国产A级| 精品少妇人妻av无码久久| 久久国产精品99国产精| 人妻AV一区二区三区精品| 人妻少妇乱子伦精品| 日韩人妻无码精品久久久不卡| 中文字幕亚洲精品无码| 中文字幕精品亚洲无线码二区 | 欧美精品高清在线观看| 99久久精品国内| 国产2021精品视频免费播放 | 国产午夜精品无码| 国产乱码精品一品二品| 国产精品禁18久久久夂久| 99热国内精品| 青青青国产依人精品视频|