JavaScript移除数组无效值问题求助及替代方法咨询

你的代码问题 #

1. 循环边界错误：i <= arr.length 会导致循环多执行一次，当i等于数组长度时，arr[i]为undefined，额外触发无效判断。
2. NaN判断逻辑反向：!isNaN(arr[i]) === false 等价于 isNaN(arr[i])，这会把NaN本身判定为符合条件；而像15这类有效值的!isNaN(15)是true，true === false不成立，所以不会被加入结果数组——这就是你得到[NaN]的核心原因。

几种可行的实现方法 #

方法1：利用Array.filter()和Boolean构造函数 #

你要移除的null、0、""、false、undefined、NaN都是JavaScript中的假值，直接用Boolean作为过滤回调就能快速筛选出有效值：

const arr = [NaN, 0, 15, false, -22, '', undefined, 47, null];
const result = arr.filter(Boolean);
console.log(result); // [15, -22, 47]

方法2：自定义精确过滤条件 #

如果需要更明确的判断逻辑（避免意外过滤其他特殊假值），可以手动指定要排除的项，同时用Number.isNaN()替代isNaN()（后者会误判非数值类型为NaN）：

const arr = [NaN, 0, 15, false, -22, '', undefined, 47, null];
const result = arr.filter(item => {
  return item !== 0 && 
         item !== false && 
         item !== '' && 
         item !== undefined && 
         item !== null && 
         !Number.isNaN(item);
});
console.log(result); // [15, -22, 47]

方法3：修复你的循环代码 #

如果想保留循环写法，修正边界和判断逻辑即可：

const arr = [NaN, 0, 15, false, -22, '', undefined, 47, null];
let result = [];

for (let i = 0; i < arr.length; i++) { // 改为i < arr.length，避免越界
  const item = arr[i];
  if (item !== 0 && 
      item !== false && 
      item !== '' && 
      item !== undefined && 
      item !== null && 
      !Number.isNaN(item)) { // 修正NaN判断逻辑
    result.push(item);
  }
}

console.log(result); // [15, -22, 47]

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