JS - 如果语句有很多条件

Question

我的目标是确定一个数组是否包含任何伪元素并创建一个没有这些元素的新数组。我想出了一个令人毛骨悚然的丑陋功能，但我无法想出一个更好的写法。

function bouncer(arr) { 
    var newArray = []; 
    for (var i = 0; i < arr.length; i++) 
    if (arr[i] !== false) { 
     if (arr[i] !== NaN) { 
     if (arr[i] !== "") { 
      if (arr[i] !== 0) { 
      if (arr[i] !== undefined) { 
       if (arr[i] !== null) { 
     newArray.push(arr[i]); 
    }}}}}} 
    return newArray; 


} 

bouncer([7, 'ate', '', false, 9]); 

我尝试使用if语句使用miltiple条件像

if (arr[i] !== false || arr[i] !== "") 

但是，当我这样做，它wouldnt赶上出于某种原因这两个条件。这将是一个更简单的方法来做到这一点？

Answer 1

您正在使用或应该使用并代之以：

if (arr[i] !== false && arr[i] !== "") 

Answer 2

检查arr[i]是truthy，然后按价值。

arr[i] && newArray.push(arr[i]); 

完整代码：

function bouncer(arr) { 
    var newArray = [], i; 
    for (i = 0; i < arr.length; i++) { 
     arr[i] && newArray.push(arr[i]); 
    } 
    return newArray; 
} 

或者与Array.filter：

newArr = arr.filter(function (a) { return a; }); 

Answer 3

您应该使用的过滤器。

用于过滤

var arr1 = [0, 1, false, '', 'zero', null]; 
var arr2 = arr1.filter(function (item) { 
    return !!item; 
}); 
console.log(arr2); // [1, 'zero'] 

文档可以在这里找到：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Answer 4

@Nina肖尔茨的回答更可读的版本将明确检查感实性，而不依赖于短路。

if (arr[i]) { newArray.push(arr[i]); } 

当然您的情况，您可以使用filter

newArr = arr.filter(function(el){ return el == true; });