如何用JavaScript数组字面量创建含条件元素的数组

当然可以用数组字面量结合表达式实现你的需求，而且写法非常简洁直观，完全不用手动计算索引或者处理讨厌的undefined！

核心思路是利用ES6的展开运算符（...）：当条件满足时，展开你想要插入的元素数组；条件不满足时，展开一个空数组[]——这样就不会在数组里留下任何多余的内容。

直接实现你的需求 #

function createArrayTheWayYouWant(condition) {
  const array = [
    "a",
    ...(condition ? ["b", "c"] : []),
    "d"
  ];
  console.log(array);
}

// 测试验证
createArrayTheWayYouWant(true);  // 输出: ["a", "b", "c", "d"]
createArrayTheWayYouWant(false); // 输出: ["a", "d"]

为什么这比你原来的方式更好？ #

• 对比你不喜欢的splice写法：不需要手动计算插入索引，代码逻辑完全内嵌在数组字面量里，可读性拉满；
• 对比你尝试的三目运算符写法：不会在条件不满足时产生undefined，数组里只会有你真正需要的元素；
• 扩展性极强：如果以后需要加更多条件性元素组，直接继续叠加...(条件 ? [元素组] : [])即可，比如：

  function createArrayWithMultipleConditions(cond1, cond2) {
    const array = [
      "a",
      ...(cond1 ? ["b", "c"] : []),
      ...(cond2 ? ["e", "f"] : []),
      "d"
    ];
    console.log(array);
  }
  

这种方式完全基于数组字面量和表达式实现，不需要额外的数组操作，完美匹配你的需求！

内容的提问来源于stack exchange，提问作者JellyRaptor