如何基于条件拼接JavaScript字符串？多变量场景实现方案

针对你需要拼接多个变量（仅保留值为true的项）的需求，推荐两种简洁易维护的实现方式，尤其适合变量数量多的场景：

方式一：数组过滤拼接（适合直接保留true值的场景） #

把所有变量存入数组，利用filter方法筛选出值为true的元素，再用join(",")完成拼接，避免大量冗余判断：

// 示例变量（可扩展至20个）
var a = true;
var b = false;
var c = true;
var d = false;
// ... 其他变量

// 核心逻辑
var allfieldvalue = [a, b, c, d/*, 其他变量*/]
  .filter(item => item === true)
  .join(",");

// 输出结果："true,true"

方式二：对象键值对过滤（适合保留字段名称的场景） #

如果你的变量实际是对应字段的开关（比如a=true代表要加入"字段A"），可以用对象存储字段名与开关的映射，再筛选出开关为true的字段名：

// 用对象存储所有字段的开关状态
var fieldStatus = {
  字段A: true,
  字段B: false,
  字段C: true,
  字段D: false,
  // ... 剩余16个字段依次添加
};

// 核心逻辑
var allfieldvalue = Object.keys(fieldStatus)
  .filter(fieldName => fieldStatus[fieldName])
  .join(",");

// 输出结果："字段A,字段C"

优势说明 #

• 两种方式都只需维护数组/对象，新增变量时无需修改拼接逻辑，适配20个变量的场景毫无压力；
• 自动处理边界情况：所有变量为false时返回空字符串，单个true时无多余逗号；
• 代码可读性远高于手动写if判断或嵌套三元运算符。

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