在 JavaScript 中从数组中过滤 null答案

【问题标题】：Filter null from an array in JavaScript在 JavaScript 中从数组中过滤 null
【发布时间】：2017-05-11 20:13:28
【问题描述】：

我的任务是从给定数组中删除 false、null、0、“”、未定义和 NaN 元素。我研究了一个解决方案，该解决方案删除了除 null 之外的所有内容。任何人都可以解释为什么？代码如下：

function bouncer(arr) {
var notAllowed = ["",false,null,0,undefined,NaN];
  for (i = 0; i < arr.length; i++){
      for (j=0; j<notAllowed.length;j++) {
         arr = arr.filter(function(val) {
               return val !== notAllowed[j];
              });
  }
 }
return arr;
}

bouncer([1,"", null, NaN, 2, undefined,4,5,6]);

【问题讨论】：

您应该知道.filter() 不会从数组中删除任何内容。它会创建一个删除了项目的新数组。
How to filter() out NaN, null, 0, false in an array (JS)的可能重复

标签： javascript arrays

【解决方案1】：

好吧，既然你所有的值都是假的，只需做一个!!（转换为布尔值）检查：

[1,"", null, NaN, 2, undefined,4,5,6].filter(x => !!x); //returns [1, 2, 4, 5, 6]

编辑：显然不需要演员表：

document.write([1,"", null, NaN, 2, undefined,4,5,6].filter(x =&gt; x));

上面的代码删除了""、null、undefined和NaN就好了。

【讨论】：

你不需要!!。只需x=>x 就足够了，尽管@PranavCBalan 的方式不需要创建函数。 .filter(Boolean)
是的，您的解决方案有效。谢谢您，但是..我刚刚开始学习 js，所以是的..它将帮助我理解为什么我的代码不起作用。
@squint -- 啊，我不知道这个案子，假设我需要它。也不知道甜蜜的Boolean而不是功能创建...一直在学习，会进行编辑。
好的，我现在知道了。在我学习的 freecodecamp 平台上，它不会过滤 null，但如果我在 chrome 控制台中运行代码，它不会过滤 NaN。谢谢大家。
Javascript comparison table 在测试布尔等价时非常方便。

【解决方案2】：

这是NaN的问题，因为

NaN !== NaN

在此处阅读更多信息：Testing against NaN。

为了过滤值，您可以检查真实性。

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

console.log(bouncer([1, "", null, NaN, 2, undefined, 4, 5, 6]));

【讨论】：

感谢您的信息。在我学习的平台上不过滤 null ......但在调试器中它不过滤 NaN。
在这种情况下NaN 存在no 问题。

【解决方案3】：

您可以使用 Array.prototype.filter 进行 truthy 值检查 - 请参阅下面的演示：

function bouncer(array) {
  return array.filter(function(e) {
    return e;
  });
}

console.log(bouncer([1,"", null, NaN, 2, undefined,4,5,6]));

【讨论】：

【解决方案4】：

[1, 2, 0, null, "sdf", ""].filter(a=>a)
// filter non null value, remove 0, null and "" (empty quote)

console.log([1, 2, 0, null, "sdf", ""].filter(a=&gt;a))

【讨论】：

【解决方案5】：

使用

function bouncer(arr) {
 return arr.filter(function(item){
   return !!item;
 });
}

console.log(bouncer([1,"", null, NaN, 2, undefined,4,5,6]));

【讨论】：