Comment utiliser pop() et shift() pour supprimer des éléments de tableau en js ? (exemple de code)-js tutoriel-php.cn

Comment utiliser pop() et shift() pour supprimer des éléments de tableau en js ? (exemple de code)

青灯夜游

Libérer： 2018-10-22 13:38:36

original

5348 Les gens l'ont consulté

Comment supprimer des éléments d'un tableau dans un tableau js ? Cet article vous présentera comment supprimer des éléments des tableaux js, afin que vous puissiez comprendre comment utiliser pop() et shift() pour supprimer des éléments des tableaux js (unidimensionnels). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Méthode 1 : Utilisez la méthode pop() pour supprimer des éléments du tableau js

La méthode pop() peut supprimer le dernier élément du tableau et renvoie la valeur de l’élément supprimé. Remarque : La longueur du tableau changera, moins 1.

Remarque :

Si le tableau est déjà vide, pop() ne modifie pas le tableau et renvoie une valeur non définie.

Exemple de code : Supprimer le dernier lapin du tableau animal

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

Copier après la connexion

Rendu :

Comment utiliser pop() et shift() pour supprimer des éléments de tableau en js ? (exemple de code)

Remarque : Array .length renvoie la longueur du tableau.

Méthode 2 : Utilisez la méthode shift() pour supprimer des éléments du tableau js

La méthode shift() peut supprimer le premier élément du tableau Element est supprimé et la valeur de l'élément supprimé est renvoyée. Remarque : La longueur du tableau changera, moins 1.

Exemple de code :

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

Copier après la connexion

Exemple de code :

Comment utiliser pop() et shift() pour supprimer des éléments de tableau en js ? (exemple de code)

Ce qui précède est le tableau js présenté dans cet article. trois méthodes pour ajouter des éléments sont pop() et shift(). La méthode à choisir au travail dépend des besoins professionnels et des habitudes personnelles. Les débutants peuvent l'essayer eux-mêmes pour approfondir leur compréhension. J'espère que cet article pourra vous aider ! Pour plus de didacticiels connexes, veuillez visiter : Tutoriel vidéo JavaScript, Tutoriel vidéo jQuery, Tutoriel vidéo bootstrap !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Comment utiliser pop() et shift() pour supprimer des éléments de tableau en js ? (exemple de code)