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; });