如何有条件地添加或删除数组内的元素

Question

我不希望在 else 条件下第二个元素为 null .. 我只是不想要第二个元素。如何解决这个问题？

var template = "";
var myArray = [
  { element : "header" },
  template === 'foo' ? { element : "sidebar" } : null,
  { element : "footer" }
]
console.log(myArray)

Answer 1

有一种叫做条件传播运算符的东西，它非常适合您的问题

当条件为假时，您会传播空数组，因此您声明的数组实际上没有添加任何内容

const template1=""
const myArray1 = [
  { element : "header" },
  ...( template1 === 'foo' ? [{ element : "sidebar" }] : [] ),
  { element : "footer" }
]

console.log(myArray1)

const template2="foo"
const myArray2 = [
  { element : "header" },
  ...( template2 === 'foo' ? [{ element : "sidebar" }] : [] ),
  { element : "footer" }
]

console.log(myArray2)