如何移除数组中的null、undefined、false及空数组？

嘿，我来帮你搞定这个数组过滤的问题！你遇到的核心需求是精准移除null、undefined、false和空数组[]，同时保留像0这类合法值，对吧？之前尝试的方法要么漏了空数组，要么误删了不需要过滤的内容，下面给你几个可行的方案：

问题分析 #

先理清楚为什么之前的方法没生效：

• arr.filter(Boolean)：这个方法会过滤所有falsy值（包括0、''等），但空数组[]是truthy值（Boolean([])返回true），所以留着没被过滤；而且它会把你想保留的0也删掉，不符合需求。
• arr.filter(String)：这个方法会把转成字符串后为假的元素过滤，但String(null)是"null"（真值），所以null会被保留，达不到预期效果。
• arr.filter(x => x == [] || x)：因为数组是引用类型，[] == []永远返回false（两个数组指向不同内存地址），所以这个条件等价于x => x，和filter(Boolean)效果一样，自然不行。

可行方案 #

方案一：自定义过滤函数（清晰易懂） #

写一个明确的判断逻辑，精准命中要过滤的目标：

let arr = [null, [], undefined, false, null, 0, 1, 4];
let filteredArr = arr.filter(item => {
  // 过滤null和undefined
  if (item === null || item === undefined) return false;
  // 过滤false
  if (item === false) return false;
  // 过滤空数组
  if (Array.isArray(item) && item.length === 0) return false;
  // 其他值全部保留
  return true;
});

console.log(filteredArr); // 输出: [0, 1, 4]

方案二：紧凑版简化写法 #

如果喜欢更简洁的代码，可以把判断条件合并成一行：

let filteredArr = arr.filter(item => 
  !(item === null || item === undefined || item === false || (Array.isArray(item) && item.length === 0))
);

补充说明 #

• 用Array.isArray()判断数组是最可靠的方式，避免和其他类数组对象混淆；
• 用严格相等===判断null、undefined、false，能精准区分这些值和其他类似的falsy值（比如0），确保不会误删需要保留的元素。

内容的提问来源于stack exchange，提问作者Science Spot