首頁  >  文章  >  web前端  >  圖文詳解JavaScript中陣列新增元素的三種方法

圖文詳解JavaScript中陣列新增元素的三種方法

yulia
yulia原創
2018-10-11 11:38:124477瀏覽

陣列是JavaScript中比較重要的一部分,那你知道如何為JS陣列添加元素嗎?這篇文章就跟大家講講JS數組添加元素的方法,具有一定的參考價值,有興趣的朋友可以看一下。

方法一、unshift()方法

unshift方法可以在陣列的開頭新增一個或多個元素,然後傳回新陣列的長度,且所有主流瀏覽器都支援unshift方法。

語法:array.unshift(item1,item2, ..., itemX)

範例:點擊按鈕實作將「dog」加入陣列的開頭

#程式碼如下:



 
  
  
 
   
  
 
 

效果圖:

圖文詳解JavaScript中陣列新增元素的三種方法

#方法二、push() 方法

# #push方法可以在數組的末尾添加一個或多個元素,然後傳回新數組的長度,並且所有主要瀏覽器都支援push()方法。

語法:array.push(item1, item2, ..., itemX)

程式碼如下:

方法三、splice()方法

splice()方法可以插入、刪除或取代元素,並且所有主要瀏覽器都支援splice方法。

語法:array.splice(index,howmany,item1,.....,itemX)

index表示從哪裡添加或刪除元素,howmany表示應該刪除多少個元素,item表示要添加到數組的新元素。

程式碼如下:


以上介紹了JS中陣列新增元素的三種方法,分別是unshift()方法,push() 方法和splice()方法。工作中選擇哪一種方法,看工作需要和個人習慣, 小白可以自己動手嘗試,加深理解,希望這篇文章可以幫助到你!

更多相關教學請造訪 

JavaScript影片教學 php公益訓練

以上是圖文詳解JavaScript中陣列新增元素的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn