使用三元运算符将Javascript数组元素插入到另一个数组中

Question

我有一个对象数组，其中每个对象都定义了 React 表单中的一个字段。我想根据布尔状态显示不同的字段序列。这意味着我需要将一个或三个对象插入数组中的特定索引处。适用于单个对象，但我正在努力弄清楚如何插入多个对象。

const [shortForm] = useState(false);

const shortFormFields = {"fieldName":"foo"}

const longFormFields = [
      {"fieldName":"bar"},
      {"fieldName":"baz"},
      {"fieldName":"qux"}]


const finalFieldList = [
      {"fieldName":"waldo"},
      shortForm === true? shortFormFields : INSERT-BAR-BAZ-QUX-HERE,
      {"fieldName":"xyzzy"}]

Answer 1

您可以将

spread synatx (...)

与条件（三元）运算符一起使用。

const finalFieldList = [
 { "fieldName": "waldo" },
 ...(shortForm ? [shortFormFields] : longFormFields),
 { "fieldName": "xyzzy" }
];