本篇文章介紹如何在JS陣列中加入新的元素,分別使用不同的幾種方法去為JS數組添加元素,數組在JS中是很常用的數據類型之一,而對陣列進行操作這是我們必會的基礎之一。
下面我們來看看有哪些方法可以對JS陣列進行元素的加入!
在陣列的開頭新增元素 - unshift()
測試程式碼:
<!DOCTYPE html> <html> <body> <p id="demo">Click the button to add elements to the array.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> <p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p> </body> </html>
測試結果:
Lemon,Pineapple,Banana,Orange,Apple,Mango
在陣列的第2位置新增一個元素 - splice()##測試程式碼:
<!DOCTYPE html> <html> <body> <p id="demo">Click the button to add elements to the array.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2,0,"Lemon","Kiwi"); var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> </body> </html>
Banana,Orange,Lemon,Kiwi,Apple,Mango
陣列的最後新增新的元素 - push()測試程式碼:
<!DOCTYPE html> <html> <body> <p id="demo">Click the button to add a new element to the array.</p> <button onclick="myFunction()">Try it</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction() { fruits.push("Kiwi") var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> </body> </html>
Banana,Orange,Apple,Mango,Kiwi
JavaScript數組中關於push方法的注意事項
push() 方法可在陣列的末端新增一個或多個元素,並傳回新的長度。 #本篇文章是對陣列的多種運算。 js陣列中刪除指定元素是我們每個人都遇到的問題以上是JS陣列加入元素方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!