首頁 > web前端 > js教程 > javascript怎麼會為數組增加元素

javascript怎麼會為數組增加元素

青灯夜游
發布: 2022-10-12 17:50:54
原創
61165 人瀏覽過

增加元素的方法:1、使用unshift()函數在數組開頭插入元素;2、使用push()函數在數組末尾插入元素;3、使用concat()函數在數組末尾插入元素; 4.使用splice()函數依陣列下標,在任意位置加入元素。

javascript怎麼會為數組增加元素

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript為陣列中增加元素

#方法1:使用unshift()函數

使用unshift()函數來在陣列開頭插入元素,該函數能夠把一個或多個參數值附加到陣列的頭部:

array.unshift(元素1, 元素2, ..., 元素X)
登入後複製

第1 個參數 元素1 為陣列新的元素0,第2 個參數元素2 為新的元素1,以此類推,最後傳回新增元素後的陣列長度。

我們透過下面的例子來具體看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1,2);  //一次性增加两个元素
console.log(a);  //返回[1,2,0]

var a = [0];
a.unshift(1);  //增加元素1
a.unshift(2);  //增加元素2
console.log(a);  //返回[2,1,0]
登入後複製

可以看出:我們使用a.unshift(1,2)來在a數組的開頭按順序插入兩個數值1、2;使用a.unshift(1)在a數組的開頭插入數值1,又在此基礎上使用a.unshift(2)在開頭(即數值1前)插入數值2。因此輸出結果為:

javascript怎麼會為數組增加元素

方法2:使用push()函數

push()方法能夠把一個或多個參數值附加到陣列的尾部,並傳回新增元素後的陣列長度。

array.push(元素1, 元素2, ..., 元素X)
登入後複製

我們透過下面的例子來具體看看:

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(1,2);  //一次性增加两个元素
console.log(a);  //返回[0,1,2]

var a = [0];
a.push(1);  //增加元素1
a.push(2);  //增加元素2
console.log(a);  //返回0,1,2]
登入後複製

可以看出:我們使用a.push(1,2)在a數組的尾部按順序插入兩個數值1、2;使用a.push(1)在a數組的尾部插入數值1,又在此基礎上使用a.push(2)在尾部(即數值1後)插入一個數值2。因此輸出結果為:

javascript怎麼會為數組增加元素

#方法3、使用concat() 函數

在陣列最後插入元素除了可以使用push( )函數,還可利用concat()函數。

concat() 方法也可以插入給定的一個或多個元素,能夠把傳遞的所有參數依序加入陣列的尾部。

var a = [1,2,3,4,5];  //定义数组
var b = a.concat(6,7,8);  //为数组a连接3个元素
console.log(b);  //返回[1,2,3,4,5,6,7,8]
登入後複製

輸出結果為:

javascript怎麼會為數組增加元素

#說明:concat() 方法將建立並傳回一個新數組,而不是在原來的基礎上新增元素。

方法4:使用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",因此輸出結果為:

javascript怎麼會為數組增加元素

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

javascript怎麼會為數組增加元素

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

我們看看輸出結果:

javascript怎麼會為數組增加元素

#【推薦學習:javascript高階教學

#

以上是javascript怎麼會為數組增加元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板