如何从数组中移除空值或undefined元素？尝试后无结果求解决方案

嘿，我太懂你这种明明看起来简单的操作却卡壳的感觉了！移除数组里的空值、undefined元素其实有几个很靠谱的方法，我给你拆解下，你可以对照着试试：

这是处理这类问题的首选，灵活又直观，而且不会修改原数组（这点很重要，避免意外bug）。

精准移除undefined、空字符串""和null #

如果你的数组里只有这几种需要移除的元素，直接写判断条件就行：

// 假设你的数组是这样的（可以替换成你实际的数组）
const myArray = ["hello", "", undefined, "world", null, "foo"];
const cleanedArray = myArray.filter(item => {
  return item !== undefined && item !== null && item !== "";
});

console.log(cleanedArray); // 输出: ["hello", "world", "foo"]

移除所有“假值”（包括0、false等） #

要是你想把所有JS里的假值都去掉（比如0、false、NaN），可以用更简洁的写法：

const cleanedArray = myArray.filter(Boolean);

⚠️ 注意：这个会把0和false也过滤掉，如果你的数组里需要保留这两个值，别用这个版本！

如果你想自定义更复杂的筛选逻辑，reduce()可以让你手动构建新数组：

const myArray = ["hello", "", undefined, "world", null, "foo"];
const cleanedArray = myArray.reduce((result, currentItem) => {
  // 这里可以加任何你需要的判断条件
  if (currentItem !== undefined && currentItem !== null && currentItem !== "") {
    result.push(currentItem);
  }
  return result;
}, []);

console.log(cleanedArray); // 同样得到 ["hello", "world", "foo"]

之前尝试没结果，大概率是这几个原因：

• 把空格字符串（" "）当成了空字符串？上面的方法不会移除它，如果要处理这种情况，可以把判断改成item.trim() !== ""
• 直接修改原数组时用了splice，但因为索引变化漏删了元素？比如循环删除时，数组长度变了，后面的元素会前移，导致跳过某些项
• 数组里的“空值”其实是NaN？那需要额外加!isNaN(item)的判断

如果你的数组有特殊情况（比如包含其他需要保留/移除的元素），可以把具体的数组示例贴出来，我帮你调整方案~

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