×

filter()方法:从数组中删除空元素

作者:andy0012020.01.03来源:Web前端之家浏览:14146评论:0
关键词:js

JavaScript中为了从数组中删除空元素,可以使用filter()方法。filter()方法将返回一个新数组,其中包含传递回调函数条件的元素。

array.filter()方法从给定数组中创建一个新数组,该数组由所提供数组中满足参数函数条件的元素组成。

array.filter( function(cValue, index, arr), tValue )

参数:filter()方法接受下面列出的两个参数

● function:它包含三个参数

  ● cValue:此参数是必需的,它是当前元素的值。

  ● index:该参数是可选的,它是当前元素的数组索引。

  ● arr:此参数是可选的,它是当前元素所属的数组对象。

● tValue:此参数是可选的,该值将传递给函数以用作其“this”值。如果为空,则将传递值“undefined”。

示例:从数组中删除undefined,null和empty元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body style="text-align:center;">
		<p id="up"></p>
		<p id="down" style="color:green;"></p>
		<script>
			var array = ["a", "b", null, "c",
				"", "d", undefined, "e", , , , , ,
				"f", , 4, , 5, , 6, , , ,
			];

			var p_up = document.getElementById("up");

			p_up.innerHTML = "原数组:" + array;

			var p_down = document.getElementById("down");
			var filtered = array.filter(function(el) {
				return el != null;
			});
			p_down.innerHTML = "去除空元素的数组:" + filtered;
		</script>
	</body>

</html>

示例2:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body style="text-align:center;">
		<p id="up"></p>
		<p id="down"></p>
		<script>
			var array = ["a", "b", null, "c",
				"", "d", undefined, "e", , , , , ,
				"f", , 4, , 5, , 6, , , ,
			];

			var p_up = document.getElementById("up");

			p_up.innerHTML = "原数组:" + array;

			var p_down = document.getElementById("down");
			var filtered = array.filter(function(el) {
				return el;
			});
			p_down.innerHTML = "去除空元素的数组:" + filtered;
		</script>
	</body>

</html>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/kzhuankkon92348.html

网友评论文明上网理性发言 已有0人参与

发表评论: