当前位置: 代码网 > it编程>编程语言>Javascript > js去掉数组中undefined及空字符串、null两种方法例子

js去掉数组中undefined及空字符串、null两种方法例子

2024年05月28日 Javascript 我要评论
方法一、filter函数var arr = [原数组]var newarr = arr.filter(item => item && item.trim())console.lo

方法一、filter函数

	var arr = [原数组]
	var newarr = arr.filter(item => item && item.trim())
	console.log(newarr)

例子:

可以使用javascript的filter()函数来过滤掉数组中的undefined元素。

const arr = [1, undefined, 'hello', null, true];

const filteredarr = arr.filter(item => item !== undefined);

console.log(filteredarr); // [1, "hello", null, true]

方法二、遍历

	let arr=[原数组]
	let newarr= []
	// 方法1
	arr.foreach(item => {
	  if (item) {
	    newarr.push(item)
	  }
	})
	// 方法2
	for (let item of arr) {
	 if (item) {
	   newarr.push(item)
	 }
	}
	console.log(newarr)

附:undefined与null之间的区别

1、null和undefined的类型不同

console.log(typeof(undefined)); //undefined
console.log(typeof(null));    //object

null是一个具有有效不存在值的对象,并且它是不可变的,而undefined的对象类型是本身未定义的

此外任何具有null值的算术运算都将产生整数值,而任何带有undefined的算术运算都会导致变量值变为nan

2、转换为原始类型的方式不同

null和undefined之间的主要区别在于它们被转换为原始类型的方式。在null上执行算术转换时,确定的值为0可以使用以下代码片段验证此转换。

var v1= 5+ null;
console.log(v1)

输出结果为5

但是undefined不执行任何此类转换,如果将undefined添加到数字中得出的结果将为nan

var v2= 5+ undefined;
console.log(v2)

输出的结果为nan

总结

到此这篇关于js去掉数组中undefined及空字符串、null两种方法的文章就介绍到这了,更多相关js去掉数组undefined及空字符串内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com