Javascript对象分配

Question

我有一个对象进入我的VueJS前端，我需要将它分配给一个包含许多v模型的大型表单，然后将一个新对象提交给后端。这张照片中的新PARCEL代表了V型号，OLD PARCEL是它来自后端的方式：

我的问题是我找不到一种方法来准确地将属性分配给NEW PARCEL，而不是逐行执行，因为属性的嵌套方式基于address和keyedData：< / p>

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

为了使新结构更简洁，您可以创建一些引用字段，并使用这些字段分配新对象。

例如..

＆＃13;

＆＃13;

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);

＆＃13;

＆＃13;

＆＃13;