本内容首发于工粽号：程序员大澈，每日分享一段优质代码片段，欢迎关注和投稿！

大家好，我是大澈！

本文约 600+ 字，整篇阅读约需 1 分钟。

今天分享一段优质 JS 代码片段，用最简洁的代码清除了数组中的空值。

老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！

const arr = [0, 1, false, 2, "", 3];

const cleanedArray = arr.filter(Boolean);

// 输出：cleanedArray = [1, 2, 3]

分享原因

这段代码展示了数组方法的巧妙运用，通过 filter 方法结合 Boolean 函数，实现了对数组的简洁过滤操作，为处理数组元素提供了一种高效且简洁的思路。

对于需要从数组中去除特定类型（如 false、0、"" 等假值）元素的场景具有很好的参考价值。

正所谓，逻辑能简单一点就简单一点，代码能少写一行就少写一行！

代码解析

1. const arr = [0, 1, false, 2, " ", 3];

首先定义了一个数组 arr，其中包含了不同类型的元素，包括数字、布尔值和空字符串。

2. const cleanedArray = arr.filter(Boolean);

filter 方法用于创建一个新的数组，其中包含特定数组过滤后的所有元素。

Boolean 函数会将传入的参数转换为布尔值。在 JavaScript 中，0、false、""（空字符串）、null、undefined 和 NaN 被视为假值，其他值被视为真值。

所以当 filter 方法使用 Boolean 函数作为回调时，会将数组 arr 中的假值元素过滤掉，只保留真值元素，最终得到新的数组 cleanedArray 为 [1, 2, 3] 。