js如何删除数组中的指定元素？（代码示例）-js教程-PHP中文网

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

青灯夜游

发布： 2018-10-30 17:37:44

原创

3046 人浏览过

在学习数组的过程中，数组的操作是很重要的一部分，那么如何从数组中删除指定的元素？本篇文章就给大家介绍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>

登录后复制

效果图：