JavaScript中不使用let如何借助map/filter/join条件拼接字符串

完全可以通过map、filter、join三个方法实现同等逻辑，不需要声明let可变变量，还能规避原手动拼接实现容易出现的尾部多余空格问题。

实现逻辑 #

• 严格按照小时→分钟→秒的固定顺序组织值和对应单位，保证拼接顺序符合要求
• 通过map遍历每个时间单元，有效值拼接对应单位，无效值返回空
• 通过filter过滤掉所有无效空项
• 通过join完成最终拼接

推荐实现（无尾部空格，符合常规格式预期） #

该实现中有效时间单元之间用单个空格分隔，末尾无多余空格，比原手动拼接逻辑更健壮，适配绝大多数使用场景：

const [hours, minutes, seconds] = ["", "10", ""];

// 按固定顺序存储值和对应单位，顺序不可随意调整
const timeUnits = [
  [hours, 'h'],
  [minutes, 'm'],
  [seconds, 's']
];

const time = timeUnits
  .map(([value, unit]) => value ? `${value}${unit}` : '')
  .filter(Boolean)
  .join(' ');

console.log(time); // 输出 "10m"

不同输入下的输出验证：

• 输入["2", "3", "4"] → 输出"2h 3m 4s"
• 输入["2", "", "30"] → 输出"2h 30s"
• 输入["", "", "45"] → 输出"45s"
• 输入["1", "", ""] → 输出"1h"（原手动拼接实现这里会输出带尾部空格的"1h "）

100% 对齐原有代码行为的实现 #

如果需要完全复刻原有代码的输出逻辑（小时、分钟单元后固定带空格，秒单元不带，允许末尾存在空格），可以使用以下写法，输出和你提供的原代码完全一致：

const [hours, minutes, seconds] = ["", "10", ""];

const time = [
  hours ? `${hours}h ` : '',
  minutes ? `${minutes}m ` : '',
  seconds ? `${seconds}s` : ''
].filter(Boolean).join('');

console.log(time); // 输出 "10m "，和原代码运行结果完全一致

该写法直接按原有逻辑生成三个位置的字符串，无效位置返回空字符串，过滤空项后用空字符串拼接，和原+=逐个追加的效果完全相同。

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