圖文詳解JavaScript中陣列新增元素的三種方法
- yulia原創
- 2018-10-11 11:38:124616瀏覽
陣列是JavaScript中比較重要的一部分，那你知道如何為JS陣列添加元素嗎？這篇文章就跟大家講講JS數組添加元素的方法，具有一定的參考價值，有興趣的朋友可以看一下。
方法一、unshift()方法
unshift方法可以在陣列的開頭新增一個或多個元素，然後傳回新陣列的長度，且所有主流瀏覽器都支援unshift方法。
語法：array.unshift(item1,item2, ..., itemX)
範例：點擊按鈕實作將「dog」加入陣列的開頭
#程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="myFunction()">点我</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.unshift("dog");
document.write("数组长度："+ animal1+"新数组："+animal)
}
</script>
</html>效果圖：
#方法二、push() 方法
# #push方法可以在數組的末尾添加一個或多個元素，然後傳回新數組的長度，並且所有主要瀏覽器都支援push()方法。 語法：array.push(item1, item2, ..., itemX)程式碼如下：<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.push("dog");
document.write("数组长度："+ animal1+"新数组："+animal)
}
</script>
方法三、splice()方法
splice()方法可以插入、刪除或取代元素，並且所有主要瀏覽器都支援splice方法。 語法：array.splice(index,howmany,item1,.....,itemX)index表示從哪裡添加或刪除元素，howmany表示應該刪除多少個元素，item表示要添加到數組的新元素。
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
var animal1= animal.splice(0,0,"dog");
document.write("新数组："+animal)
}
</script>以上介紹了JS中陣列新增元素的三種方法，分別是unshift()方法，push() 方法和splice()方法。工作中選擇哪一種方法，看工作需要和個人習慣， 小白可以自己動手嘗試，加深理解，希望這篇文章可以幫助到你！ 更多相關教學請造訪 以上是圖文詳解JavaScript中陣列新增元素的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn