溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js使用pop()和shift()來刪除數(shù)組元素的方法

發(fā)布時間：2020-09-26 14:09:38 來源：億速云 閱讀：232 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了js使用pop()和shift()來刪除數(shù)組元素的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

方法一：js數(shù)組使用pop()方法刪除元素

pop()方法可以將數(shù)組最末尾的一個元素刪除，并返回刪除的元素值。注：數(shù)組的長度會改變，減 1。

說明：

如果數(shù)組已經(jīng)為空，則 pop() 不改變數(shù)組，并返回 undefined 值。

代碼實(shí)例：刪除animal數(shù)組的最末尾的rabbit

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>數(shù)組：cat，elephant，tiger，rabbit；<br>數(shù)組長度為：4</p>
		    <button onclick="myFunction()">點(diǎn)我--pop()刪除元素</button>
		</div>
	</body>
	<script type="text/javascript">
		function myFunction(){
		   var animal = ["cat", "elephant", "tiger","rabbit"];
		   document.write("<p>數(shù)組："+animal+"<br>數(shù)組長度："+ animal.length+"</p>");
		   var animal1= animal.pop();
		   document.write("<p>新數(shù)組："+animal+"<br>刪除的元素為："+ animal1+"<br>數(shù)組長度："+ animal.length+"</p>");
		}
    </script>
</html>

效果圖：

js使用pop()和shift()來刪除數(shù)組元素的方法

注：數(shù)組.length返回數(shù)組長度。

方法二：js數(shù)組使用shift()方法刪除元素

shift()方法可以將數(shù)組最開頭的一個元素刪除，并返回刪除的元素值。注：數(shù)組的長度會改變，減 1。

代碼實(shí)例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>數(shù)組：cat，elephant，tiger，rabbit；<br>數(shù)組長度為：4</p>
		    <button onclick="myFunction()">點(diǎn)我--shift()刪除元素</button>
		</div>
	</body>
	<script type="text/javascript">
		function myFunction(){
		   var animal = ["cat", "elephant", "tiger","rabbit"];
		   document.write("<p>數(shù)組："+animal+"<br>數(shù)組長度："+ animal.length+"</p>");
		   var animal1= animal.shift();
		   document.write("<p>新數(shù)組："+animal+"<br>刪除的元素為："+ animal1+"<br>數(shù)組長度："+ animal.length+"</p>");
		}
    </script>
</html>

代碼實(shí)例：

js使用pop()和shift()來刪除數(shù)組元素的方法

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享js使用pop()和shift()來刪除數(shù)組元素的方法內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI
助
手