如何用条件元素定义数组？

Question

我该如何定义条件数组元素？ 我想要做这样的事情：

const cond = true; 
const myArr = ["foo", cond && "bar"]; 

此按预期工作：["foo", "bar"]

但如果我设置cond到false，我得到以下结果：["foo", false]

我怎么能定义一个具有条件元素的数组？

Answer 1

您可以传播的数组的一个数组里面，以保持项目阵列干净，当条件为false：

// Will result in ['foo', 'bar'] 
 
const items = [ 
 
    'foo', 
 
    ... true ? ['bar'] : [], 
 
    ... false ? ['bar'] : [], 
 
] 
 

 
console.log(items)

Answer 2

您可以尝试使用简单的，如果：

if(cond) { 
    myArr.push("bar"); 
} 

Answer 3

你根本就没有使用push其他这么多的选择：

const cond = true; 
const myArr = ["foo"]; 

if (cond) myArr.push("bar"); 

另一个想法是有可能加入空的，并筛选出来：

const cond = true; 
const myArr = ["foo", cond ? "bar" : null]; 

myArr = myArr.filter((item) => item !== null); 

Answer 4

如果你真的想要为了保持它作为一个班轮，你可以使用：

const cond = true; 
const myArr = ["foo"].concat(cond ? ["bar"] : []); 

Answer 5

有几种不同的方式，但你这样做的方式将不会真正用于Javascript。

最简单的解决方案是只有一个if语句。

if (myCond) arr.push(element); 

还有filter，但我不认为这是你想要的这里可言，因为你似乎是想为“添加这样一两件事，如果这一个条件为真”，而不是检查，对一切一些条件。虽然，如果你想变得非常怪异，你可以做到这一点（不会推荐，但它可以很酷）。

var arr = ["a", cond && "bar"]; 
arr.filter(e => e) 

基本上它只会过滤掉所有的非真值。

Answer 6

替代做法：前置过滤器填充的，而不是后过滤：

const populate = function(...values) { 
    return values.filter(function(el) { 
     return el !== false 
    }); 
}; 

console.log(populate("foo", true && "bar", false && "baz")) 

返回

(2) ["foo", "bar"] 

我知道，没有解决不了的速记符号（因为它不会工作，不管什么你尝试）但它接近于此。

Answer 7

我会做这个

[ 
    true && 'one', 
    false && 'two', 
    1 === 1 && 'three', 
    1 + 1 === 9 && 'four' 
].filter(Boolean) // ['one', 'three']