在 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