Javascript 对象分配

Question

我有一个对象来到我的 VueJS 前端，我需要将它分配给一个包含许多 v-model 的大型表单，然后该表单将向后端提交一个新对象。这张照片中的新包裹代表 v 模型，旧包裹代表它来自后端的方式:

我的问题是，如果不逐行执行，我无法找到一种将属性准确分配给新包裹的方法，因为属性根据 address 和 keyedData 进行不同的嵌套:

this.newParcel.state = parcel.address.parsed_state
this.newParcel.zip = parcel.address.parsed_postal
this.newParcel.onSiteContactName = parcel.keyedData.onSiteContactName

^ 只有 4/52!如果有人注意到更简单的方法来做到这一点，我的代码会喜欢它!要达到想要的效果需要这么多行代码，这是相当粗糙的。 this.newParcel.onSiteContactEmail = Parcel.keyedData.onSiteContactEmail

Answer 1

为了减少分配新结构的冗长，您可以创建一些引用字段，并使用这些字段分配一个新对象。

例如..

const parcel = {
  address: {
    parsed_state: "State",
    parsed_postal: "Postal"
  },
  keyedData: {
    onSiteContactName: "On site contact name"
  }
};

const addr = parcel.address;  //ref var for address
const keyd = parcel.keyedData; //ref var for keyedData

const newParcel = {
  state: addr.parsed_state,
  zip: addr.parsed_postal,
  onSiteContactName: keyd.onSiteContactName
};

console.log(newParcel);