如何在JavaScript中拼接对象所有属性值为完整字符串

方案1：固定属性直接拼接（最稳妥，无额外逻辑开销） #

因为你的对象属性是固定的num1到num4，直接拼接即可：

// 示例数据
const formVal: PhoneConfirmationFormValues = {
  num1: '1',
  num2: '2',
  num3: '3',
  num4: '4'
}

// 写法1：直接相加
const confirmCode = formVal.num1 + formVal.num2 + formVal.num3 + formVal.num4

// 写法2：模板字符串（可读性更好）
const confirmCode = `${formVal.num1}${formVal.num2}${formVal.num3}${formVal.num4}`

最终confirmCode的值就是1234。

方案2：动态取值拼接（适合后续可能扩展属性的场景） #

如果不想手动写全属性名，可以用如下方式，提前指定属性顺序保证结果符合预期，就算后续对象新增其他属性也不会影响拼接结果：

const confirmCode = ['num1', 'num2', 'num3', 'num4']
  .map(key => formVal[key])
  .join('')

如果你能保证对象的属性定义顺序就是num1到num4的顺序，也可以直接用Object.values简化写法：

const confirmCode = Object.values(formVal).join('')

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