溫馨提示×

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

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

JavaScript如何刪除數(shù)組中指定位置的元素

發(fā)布時(shí)間：2020-06-21 22:33:21 來(lái)源：億速云 閱讀：2705 作者：鴿子 欄目：web開(kāi)發(fā)

本篇文章給大家?guī)?lái)的內(nèi)容是介紹js數(shù)組（一維）刪除指定位置元素的方法，讓大家了解js數(shù)組是怎么刪除指定位置上的元素。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助。

下面我們來(lái)詳細(xì)介紹一下js一維數(shù)組刪除指定位置元素的2種方法是什么？如何使用？

方法一：js splice()方法刪除指定位置的數(shù)組元素

splice()方法可以將一個(gè)或多個(gè)js數(shù)組元素從指定的位置上刪除，然后返回被刪除的數(shù)組元素。

語(yǔ)法：

數(shù)組.splice(index,howmany);

index：表示從指定的位置上（哪里）刪除元素；

howmany：表示應(yīng)該刪除多少個(gè)元素，賦值為0就表示不刪除元素；

代碼實(shí)例：刪除animal數(shù)組第二項(xiàng)和第三項(xiàng)的元素（第一項(xiàng)后的連續(xù)兩個(gè)元素）

<!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.splice(1,2);
		   document.write("<p>新數(shù)組："+animal+"<br>刪除的元素為："+ animal1+"<br>數(shù)組長(zhǎng)度："+ animal.length+"</p>");
		}
    </script>
</html>

效果圖：

JavaScript如何刪除數(shù)組中指定位置的元素

方法二：js delete方法刪除指定位置的數(shù)組元素

delete方法可以通過(guò)數(shù)組的下標(biāo)將js數(shù)組中的一個(gè)元素從指定位置上刪除，且刪除掉數(shù)組中的元素后，會(huì)把該下標(biāo)出的值置為undefined，數(shù)組的長(zhǎng)度不會(huì)變。

語(yǔ)法：

delete.數(shù)組[數(shù)組下標(biāo)];/*數(shù)組下標(biāo)控制指定位置，下標(biāo)從0開(kāi)始*/

代碼實(shí)例：刪除animal數(shù)組的第二項(xiàng)元素，即：animal[1]，然后animal[1]的值會(huì)為：undefined。

<!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)我--delete刪除元素</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= delete animal[1];
		   document.write("<p>新數(shù)組："+animal+"<br>刪除元素后，現(xiàn)在為："+ animal[1]+"<br>數(shù)組長(zhǎng)度："+ animal.length+"</p>");
		}
    </script>
</html>

效果圖：

JavaScript如何刪除數(shù)組中指定位置的元素

總結(jié)：以上就是本篇文章所介紹的在js數(shù)組中添加元素的2種方法，分別為splice()方法和delete方法。工作中選擇哪種方法，看工作需要和個(gè)人習(xí)慣， 大家可以自己動(dòng)手嘗試，加深理解，希望這篇文章可以幫助到你！

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

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

AI
助
手