Heim >Web-Frontend >js-Tutorial >Wie verwende ich pop() und shift(), um Array-Elemente in js zu löschen? (Codebeispiel)

Wie verwende ich pop() und shift(), um Array-Elemente in js zu löschen? (Codebeispiel)

青灯夜游
青灯夜游Original
2018-10-22 13:37:335411Durchsuche

Wie lösche ich Array-Elemente im JS-Array? In diesem Artikel erfahren Sie, wie Sie Elemente aus einem JS-Array löschen, damit Sie verstehen, wie Sie mit pop () und Shift () Elemente aus einem JS-Array (eindimensional) löschen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Methode 1: Verwenden Sie die Methode pop(), um Elemente aus dem js-Array zu löschen

Die Methode pop() kann das letzte Element des löschen Array und gibt den Wert des gelöschten Elements zurück. Hinweis: Die Länge des Arrays ändert sich um minus 1.

Hinweis:

Wenn das Array bereits leer ist, ändert pop() das Array nicht und gibt einen undefinierten Wert zurück.

Codebeispiel: Löschen Sie das letzte Kaninchen des Tierarrays

<!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>

Rendering:

Wie verwende ich pop() und shift(), um Array-Elemente in js zu löschen? (Codebeispiel)

Hinweis: Array.length Gibt die zurück Länge des Arrays.

Methode 2: Verwenden Sie die Methode „shift()“, um Elemente aus dem js-Array zu löschen.

Die Methode „shift()“ kann entfernen Das erste Element des Array-Elements wird gelöscht und der Wert des gelöschten Elements wird zurückgegeben. Hinweis: Die Länge des Arrays ändert sich um minus 1.

Codebeispiel:

<!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>

Codebeispiel:

Wie verwende ich pop() und shift(), um Array-Elemente in js zu löschen? (Codebeispiel)

In diesem Artikel wird das Obige über das Hinzufügen in einem js-Array vorgestellt Die drei Methoden von Elementen sind pop() und shift(). Welche Methode man bei der Arbeit wählt, hängt von den beruflichen Bedürfnissen und persönlichen Gewohnheiten ab. Neulinge können es selbst ausprobieren, um ihr Verständnis zu vertiefen. Weitere verwandte Tutorials finden Sie unter: JavaScript-Video-Tutorial, jQuery-Video-Tutorial, Bootstrap-Video-Tutorial!

Das obige ist der detaillierte Inhalt vonWie verwende ich pop() und shift(), um Array-Elemente in js zu löschen? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen