js怎麼使用pop()和shift()來刪除陣列元素？（程式碼實例）-js教程-PHP中文網

js怎麼使用pop()和shift()來刪除陣列元素？（程式碼實例）

青灯夜游

發布： 2018-10-22 13:38:36

原創

5348 人瀏覽過

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>

登入後複製

效果圖：

js怎麼使用pop()和shift()來刪除陣列元素？（程式碼實例）

#：陣列.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()來刪除陣列元素？（程式碼實例）