如何更简洁地构建包含API响应值的JavaScript对象？

方法一：解构赋值+对象属性简写 #

先把API返回的table对象中需要的属性解构出来，避免重复书写冗长的result.data.data.table路径，再利用JS的对象属性简写语法构建最终对象：

// 从API响应的table里解构出需要的属性
const { name, val1, val2, val3, val4, val5, val6 } = result.data.data.table;

// 构建目标对象，同名属性直接写变量名即可
const variables = {
  name,
  org: the_org,
  val1, val2, val3, val4, val5, val6,
  val7: new_vals7
};

方法二：对象展开语法（适合属性完全匹配场景） #

如果result.data.data.table里只有name、val1-val6这些你需要的属性，没有多余字段，可以直接用对象展开语法快速整合，再补上自定义属性：

const variables = {
  ...result.data.data.table,
  org: the_org,
  val7: new_vals7
};

注意：如果table中存在其他你不需要的属性，这种方法会把冗余属性也带入variables，只适合属性完全匹配的场景。

两种写法里，第一种更灵活，能精准筛选所需属性；第二种在属性完全匹配时最为简洁，可根据实际场景选择。

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