在 JavaScript 中从数组中删除空值
下面介绍如何在 JavaScript 中从数组中删除空值。我将向您展示两种方法,第一种使用纯 JavaScript 和数组过滤器方法,第二种使用 Lodash。
使用纯 JavaScript 从数组中删除空值
我推荐这种方法而不是使用 Lodash 的方法,因为您不必使用外部库。您所要做的就是使用 Array.prototype.filter()
在 JavaScript 中实现。这个内置方法创建了一个 浅拷贝 根据您提供的过滤条件,您的阵列。
这是它的工作原理:
const whatIsLife = [“生活”,“是”,空,“美丽”,空,“!”] const thisIsLife = myArray.filter(element => element !== null) console.log(thisIsLife)
// 输出:["Life", "is", "beautiful", "!"]
正如您在上面看到的,我们的 生活是什么
数组包含 无效的
价值观。通过使用过滤器方法,我们指定我们只想保留与 无效的
(是的,因为生活是美好的!)。
如果您打印新的 这就是生活
数组,您将拥有一个包含非空值的数组。
这是上述示例的简化版本:
const whatIsLife = [“生活”,“是”,空,“美丽”,空,“!”] // 返回 `element` 只会返回值,如果它们
// 非空
const thisIsLife = myArray.filter(element => element) console.log(thisIsLife)
// 输出:["Life", "is", "beautiful", "!"]
与洛达什
即使我推荐第一种方法,发现从数组中删除空值的其他方法总是很有趣。这一次,让我们学习如何做到这一点 洛达什 ,一个 JavaScript 库。
您会注意到语法会有所不同,但我们将使用的函数与 JavaScript 中的内置函数相同。确实,调用了 Lodash 函数 筛选
.
是时候举个例子了!
从“lodash”导入_ const whatIsLife = [“生活”,“是”,空,“美丽”,空,“!”] const thisIsLife = _.filter(whatIsLife, (element) => element !== null) console.log(thisIsLife)
// 输出:["Life", "is", "beautiful", "!"]
现在您知道如何删除 JavaScript 数组中的空值,您可以学习如何 从数组中删除一个元素 .
谢谢阅读。让我们连接!
➡️ 我帮助您成长为 Web 开发,并分享我作为 Nomad 软件工程师的旅程。 加入我的 Twitter 以获取更多信息。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明
本文链接:https://www.qanswer.top/37370/14301802
标签:const,thisIsLife,JavaScript,element,空值,数组 From: https://www.cnblogs.com/amboke/p/16704078.html