JavaScript中如何将对象键值对拼接为符合指定规则的字符串

问题原因 #

你现有代码的问题在于直接将Object.entries()返回的二维数组扁平化，所有键、值都变成了独立数组元素，用空格拼接后自然无法实现「键值对内用连字符连接」的要求。

实现思路 #

1. 用Object.entries()将目标对象转换为[[键1, 值1], [键2, 值2]...]格式的二维数组
2. 遍历二维数组的每一项，将每组键值对拼接为键-值格式的字符串
3. 最后将所有单组拼接结果用空格拼接，得到最终字符串

代码示例 #

const direction = { sm: 'column', md: 'row', lg: 'row'}

const result = Object.entries(direction)
  .map(([key, value]) => `${key}-${value}`)
  .join(' ')

console.log(result) // 输出 "sm-column md-row lg-row"

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