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

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

為霍林郭勒等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及霍林郭勒網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、霍林郭勒網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

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

pop()方法可以將數(shù)組最末尾的一個(gè)元素刪除，并返回刪除的元素值。注：數(shù)組的長(zhǎng)度會(huì)改變，減 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ù)組長(zhǎng)度為：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ù)組長(zhǎng)度："+ animal.length+"</p>");
		   var animal1= animal.pop();
		   document.write("<p>新數(shù)組："+animal+"<br>刪除的元素為："+ animal1+"<br>數(shù)組長(zhǎng)度："+ animal.length+"</p>");
		}
    </script>
</html>

效果圖：

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

注：數(shù)組.length返回?cái)?shù)組長(zhǎng)度。

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

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

代碼實(shí)例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>數(shù)組：cat，elephant，tiger，rabbit；<br>數(shù)組長(zhǎng)度為：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ù)組長(zhǎng)度："+ animal.length+"</p>");
		   var animal1= animal.shift();
		   document.write("<p>新數(shù)組："+animal+"<br>刪除的元素為："+ animal1+"<br>數(shù)組長(zhǎng)度："+ animal.length+"</p>");
		}
    </script>
</html>

代碼實(shí)例：

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

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

網(wǎng)頁(yè)名稱：js使用pop()和shift()來(lái)刪除數(shù)組元素的方法
分享URL：http://bm7419.com/article26/igocjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、全網(wǎng)營(yíng)銷推廣、網(wǎng)站營(yíng)銷、品牌網(wǎng)站建設(shè)、App設(shè)計(jì)、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)