陣列是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>以上是圖文詳解JavaScript中陣列新增元素的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
