js去掉数组中undefined及空字符串、null两种方法例子
更新时间：2024年04月18日 09:49:54 作者：蓝胖子的多啦A梦
这篇文章主要给大家介绍了关于js去掉数组中undefined及空字符串、null的两种方法例子,文中还介绍了undefined与null之间的区别,通过代码介绍的非常详细,需要的朋友可以参考下
方法一、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及空字符串内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了uni-app web-view的使用，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了JavaScript返回上一页的三种方法及区别介绍,本文直接给出示例代码,需要的朋友可以参考下2015-07-07
这篇文章主要为大家分享了Bootstrap安装环境配置教程，安装步骤非常简单，感兴趣的小伙伴们可以参考一下2016-05-05
我们曾经讲过JS由三部分组成，其中一个部分就是BOM，用于对浏览器进行操作。这篇文章我们主要来介绍BOM应用，感兴趣的朋友一起看看吧2018-02-02
在这里我们可以使用自己编写的trim方法来处理一些剪掉字符串两端的空字符串的需要，下面有个不错的方法，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了js使用DOM操作实现简单留言板的方法,涉及javascript中DOM操作的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
JavaScript数组去重是前端面试酷爱的问题，问题简单而又能看出程序员对计算机程序执行过程的理解如何。数组去重的方法有很多，到底哪种是最理想的我不清楚。于是我测试了下数组去重的效率。测试二十万个数据，随着数据越多效率很明显的就体验了出来。下面来一起看看吧。2016-10-10
JS 组件系列之BootstrapTable的treegrid功能
这篇文章主要介绍了JS 组件系列之BootstrapTable的treegrid功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
防抖与节流都是用来限制用户频发触发事件的机制,下面这篇文章主要给大家介绍了关于JavaScript中防抖和节流的实战应用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面2010-04-04
最新评论