js怎麼使用pop()和shift()來刪除陣列元素？ （程式碼實例）
- 青灯夜游原創
- 2018-10-22 13:37:335393瀏覽
js陣列如何刪除陣列元素？這篇文章就跟大家介紹js數組刪除元素的方法，讓大家了解js數組（一維）怎麼使用pop()和shift()來刪除元素。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
方法一：js陣列使用pop()方法刪除元素
#pop()方法可以將陣列最末端的一個元素刪除，並傳回刪除的元素值。註：數組的長度會改變，減 1。
說明：
如果陣列已經為空，則 pop() 不改變數組，並傳回 undefined 值。
程式碼實例：刪除animal陣列的最結尾的rabbit
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>数组：cat，elephant，tiger，rabbit；<br>数组长度为：4</p>
<button onclick="myFunction()">点我--pop()删除元素</button>
</div>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
document.write("<p>数组："+animal+"<br>数组长度："+ animal.length+"</p>");
var animal1= animal.pop();
document.write("<p>新数组："+animal+"<br>删除的元素为："+ animal1+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>效果圖：
#：陣列.length傳回數組長度。
方法二：js陣列使用shift()方法刪除元素
shift()方法可以將陣列最開頭的一個元素刪除，並傳回刪除的元素值。註：數組的長度會改變，減 1。
程式碼實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>数组：cat，elephant，tiger，rabbit；<br>数组长度为：4</p>
<button onclick="myFunction()">点我--shift()删除元素</button>
</div>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
document.write("<p>数组："+animal+"<br>数组长度："+ animal.length+"</p>");
var animal1= animal.shift();
document.write("<p>新数组："+animal+"<br>删除的元素为："+ animal1+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>程式碼實例：
%E5%92%8Cshift()%E4%BE%86%E5%88%AA%E9%99%A4%E9%99%A3%E5%88%97%E5%85%83%E7%B4%A0%EF%BC%9F%20%EF%BC%88%E7%A8%8B%E5%BC%8F%E7%A2%BC%E5%AF%A6%E4%BE%8B%EF%BC%89 "154018553958083js怎麼使用pop()和shift()來刪除陣列元素？ （程式碼實例）")
#以上就是這篇文章所介紹的在js數組中添加元素的三種方法，分別是pop()和shift()。工作中選擇哪一種方法，看工作需要和個人習慣， 小白可以自己動手嘗試，加深理解，希望這篇文章可以幫助到你！更多相關教學請造訪：JavaScript影片教學，jQuery影片教學，bootstrap影片教學！
以上是js怎麼使用pop()和shift()來刪除陣列元素？ （程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn