這篇文章主要介紹了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>代碼實例：
感謝你能夠認真閱讀完這篇文章，希望小編分享js使用pop()和shift()來刪除數組元素的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
