检查 NaN 为真/假的问题

Question

我在freecodecamp上做算法挑战，他们提供的解决方案真的很整洁：

function bouncer(arr) {
  return arr.filter(Boolean);
}

不幸的是，作为一个菜鸟并且没有考虑那个高阶函数，我创建了这个冗长的怪物：

 function bouncer(arr) {
    let truthyArray = [];
    let falsyArray = [];
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] == false || arr[i] === null || arr[i] === NaN || arr[i] === undefined) {
            falsyArray.push(arr[i]);
        } else {
            truthyArray.push(arr[i]);
        }
    }
    return truthyArray;
}

它似乎在之前的测试中完成了工作。然而，NaN 并没有配合。

bouncer([1, null, NaN, 2, undefined])

返回：

[1, NaN, 2]

关于如何测试 NaN 的任何想法？

Answer 1

问题是NaN !== NaN:

console.log(NaN === NaN);

（这是有道理的，因为NaN 只是一个占位符，表示人们会预期一个数字，但无法计算出数值 - 例如，0 / 0 (@987654325 @)!== ('foo' * 3)(NaN))

相反，您可以使用Number.isNaN，它将检查传递的值是否为Number 和NaN。

console.log(Number.isNaN(NaN));

function bouncer(arr) {
  let truthyArray = [];
  let falsyArray = [];
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] == false || arr[i] === null || Number.isNaN(arr[i]) || arr[i] === undefined) {
      falsyArray.push(arr[i]);
    } else {
      truthyArray.push(arr[i]);
    }
  }
  return truthyArray;
}

console.log(bouncer([false, null, 0, NaN, undefined, ""]));

确保使用Number.isNaN 而不是简单的isNaN，这将不希望地排除真实的非数字。