Rumah > Artikel > hujung hadapan web > js如何删除数组中的指定元素？（代码示例）

js如何删除数组中的指定元素？（代码示例）

青灯夜游asal: 2018-10-30 17:37:443049semak imbas

在学习数组的过程中，数组的操作是很重要的一部分，那么如何从数组中删除指定的元素？本篇文章就给大家介绍js删除数组中的指定元素的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

本篇文章将会给大家介绍两种删除数组中的指定元素的方式，分别为：

1、单独定义一个的函数，通过函数来删除指定数组元素。

2、为Array对象定义了一个removeByValue的方法，在调用方法来删除指定数组元素，调用非常简单的。

下面我们通过简单的代码示例来简单介绍这两种删除数组指定元素的方式。

1、定义单独的函数removeByValue来进行元素删除

代码示例：删除数组somearray里的"tue"元素

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

效果图：

2、定义并调用数组的removeByValue方法来删除指定元素

代码示例：删除数组somearray里的"wed"元素

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

效果图：

总结：以上就是本篇文章所介绍的js删除数组指定元素的两种方式，大家可以自己动手试试，加深理解，希望能对大家的学习有所帮助。

Atas ialah kandungan terperinci js如何删除数组中的指定元素？（代码示例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：图文详解JavaScript和jQuery的区别Artikel seterusnya：switch语句格式是什么？switch语句怎么用

Artikel berkaitan

Lihat lagi