Maison > Article > interface Web > Comment supprimer les éléments spécifiés dans un tableau en js ? (exemple de code)

Comment supprimer les éléments spécifiés dans un tableau en js ? (exemple de code)

青灯夜游original: 2018-10-30 17:37:443048parcourir

Dans le processus d'apprentissage des tableaux, les opérations sur les tableaux sont une partie très importante, alors comment supprimer les éléments spécifiés d'un tableau ? Cet article vous présentera comment supprimer des éléments spécifiés dans un tableau en js. 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.

Cet article vous présentera deux façons de supprimer des éléments spécifiés dans un tableau, à savoir :

1 Définir une fonction distincte pour supprimer les éléments spécifiés du tableau.

2. Une méthode RemoveByValue est définie pour l'objet Array. Il est très simple d'appeler la méthode pour supprimer l'élément de tableau spécifié.

Ci-dessous, nous présenterons brièvement ces deux méthodes de suppression d'éléments spécifiés d'un tableau à travers des exemples de code simples.

1. Définissez une fonction distincte removeByValue pour supprimer des éléments

Exemple de code : supprimez l'élément "tue" dans le tableau somearray

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>

	<body>
		<div class="demo">
			<p>数组：mon, tue, wed, thur</p>
			<p class="p"></p>

		</div>

	</body>

	<script type="text/javascript">
		function removeByValue(arr, val) {
			for(var i = 0; i < arr.length; i++) {
				if(arr[i] == val) {
					arr.splice(i, 1);
					break;
				}
			}
		}
		var somearray = ["mon", "tue", "wed", "thur"]
		removeByValue(somearray, "tue");
		//somearray will now have "mon", "wed", "thur"

		document.write("<p>新数组：" + somearray + "</p>");
	</script>

</html>

Rendu :

Comment supprimer les éléments spécifiés dans un tableau en js ? (exemple de code)

2 Définir et appeler la méthode RemoveByValue du tableau pour supprimer l'élément spécifié

Exemple de code. : Supprimer L'élément "wed" dans le tableau somearray

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>数组：mon, tue, wed, thur</p>
			<p>删除指定元素"tue"后：</p>
		</div>
	</body>
	<script type="text/javascript">
		Array.prototype.removeByValue = function(val) {
			for(var i = 0; i < this.length; i++) {
				if(this[i] == val) {
					this.splice(i, 1);
					break;
				}
			}
		}
		var somearray = ["mon", "tue", "wed", "thur"]
		somearray.removeByValue("wed");
		//somearray will now have "mon", "wed", "thur"

		document.write("<p>新数组：" + somearray + "</p>");
	</script>

</html>

Rendu :

Comment supprimer les éléments spécifiés dans un tableau en js ? (exemple de code)

Résumé : Ce qui précède est la suppression js de l'élément spécifié de le tableau présenté dans cet article Vous pouvez essayer les deux méthodes vous-même pour approfondir votre compréhension. J'espère que cela sera utile à l'apprentissage de chacun.

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication graphique détaillée de la différence entre JavaScript et jQueryArticle suivant：Explication graphique détaillée de la différence entre JavaScript et jQuery

Articles Liés

Voir plus