JavaScript如何从数组中删除空元素?

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>

效果图:

cc3fb8544b47529805849463a1beb50.png

示例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>

效果图:

c1d016dfa15f3fa1d6d846a853fd515.png

以上就是JavaScript如何从数组中删除空元素?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏