您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)JavaScript給數(shù)組添加元素的方法是什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
首先我們來簡單介紹一下往js數(shù)組中添加元素的3種方法是什么?它們分別為:
1、js push()方法添加數(shù)組元素
2、js unshift()方法添加數(shù)組元素
3、js splice()方法添加數(shù)組元素
下面我們來具體介紹上述方法是怎么往js數(shù)組中添加元素的,通過簡單的代碼實(shí)例介紹。
js push()方法添加數(shù)組元素
push()方法可以將一個(gè)或多個(gè)新元素添加到數(shù)組的結(jié)尾,然后返回新數(shù)組的長度,且所有主要瀏覽器都支持push()方法。
語法:
數(shù)組.push(元素1,元素2,元素3.....元素n);/*push()方法里必須有一個(gè)參數(shù)*/
代碼示例:把dog1,dog2兩個(gè)元素添加到animal數(shù)組的末尾
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div class="demo"> <p>數(shù)組:cat,elephant,tiger,rabbit;<br>數(shù)組長度為:4</p> <button onclick="myFunction()">點(diǎn)我--push()添加元素</button> </div> </body> <script type="text/javascript"> function myFunction(){ var animal = ["cat", "elephant", "tiger","rabbit"]; document.write("<p>數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal.length+"</p>"); var animal1= animal.push("dog1","dog2"); document.write("<p>新數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal1+"</p>"); } </script> </html>
效果圖:
說明:
數(shù)組.length可以返回?cái)?shù)組的長度
js unshift()方法添加數(shù)組元素
unshift()方法可以將一個(gè)或多個(gè)新元素添加到數(shù)組的開頭,然后返回新數(shù)組的長度,且所有主流瀏覽器都支持unshift方法。
語法:
數(shù)組.unshift(元素1,元素2,元素3.....元素n);/* unshift()方法里必須有一個(gè)參數(shù)*/
代碼示例:把dog1,dog2兩個(gè)元素添加到animal數(shù)組的開頭
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div class="demo"> <p>數(shù)組:cat,elephant,tiger,rabbit;<br>數(shù)組長度為:4</p> <button onclick="myFunction()">點(diǎn)我--unshift()添加元素</button> </div> </body> <script type="text/javascript"> function myFunction(){ var animal = ["cat", "elephant", "tiger","rabbit"]; document.write("<p>數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal.length+"</p>"); var animal1= animal.unshift("dog1","dog2"); document.write("<p>新數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal1+"</p>"); } </script> </html>
效果圖:
js splice()方法添加數(shù)組元素
splice()方法可以將一個(gè)或多個(gè)新元素添加到數(shù)組的指定位置,插入位置的元素自動(dòng)后移,且所有主要瀏覽器都支持splice方法。
語法:
數(shù)組.splice(index,howmany,item1,.....,itemN);
index:表示從哪里添加或者刪除元素;
howmany:表示應(yīng)該刪除多少個(gè)元素,賦值為0就表示不刪除元素;
item:表示要添加到數(shù)組的新元素。
代碼示例:把dog1,dog2兩個(gè)元素添加到animal數(shù)組的第二個(gè)位置里(第一個(gè)元素后)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <div class="demo"> <p>數(shù)組:cat,elephant,tiger,rabbit;<br>數(shù)組長度為:4</p> <button onclick="myFunction()">點(diǎn)我--splice()添加元素</button> </div> </body> <script type="text/javascript"> function myFunction(){ var animal = ["cat", "elephant", "tiger","rabbit"]; document.write("<p>數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal.length+"</p>"); var animal1= animal.splice(1,0,"dog1","dog2"); document.write("<p>新數(shù)組:"+animal+";<br>數(shù)組長度:"+ animal1.length+"</p>"); } </script> </html>
效果圖:
關(guān)于JavaScript給數(shù)組添加元素的方法是什么就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。