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

Question

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

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

这按预期工作，并导致[“foo”，“bar”]，但如果我将cond设置为false，我会得到以下结果：[“foo”，false]

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




Answer 1

如果您真的想将其作为一个衬垫，您可以使用：

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

Answer 2

我会这么做的

js prettyprint-override">[
  true && 'one',
  false && 'two',
  1 === 1 && 'three',
  1 + 1 === 9 && 'four'
].filter(Boolean) // ['one', 'three']

请注意，这也将删除虚假值，例如空字符串。

Answer 3

当条件为false时，可以在数组中分布一个数组，以保持项目数组的干净。

以下是您的操作方法：

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

console.log(items)