javascript - 将 JSON 映射到现有的深层对象结构

Question

假设我有以下 Typescript 模型:

class Person{
     public Address: Address;
     public FirstName: string;
     public LastName: string;
     constructor(){
         this.Address = new Address();
     }
}

然后我通过 JSON 从服务器获得了这个对象的精确表示。

我将如何着手设置 Person 和 Address 的属性，但保持现有对象不变。

与此非常相似，但一般:

public SetData(json:any){
   this.Address.City = json.Address.City;
   this.Address.Province = json.Address.Province;
   this.FirstName = json.FirstName;
}

问题在于，原始对象必须保留并调用 setter，因为它们是 Mobx 可观察对象。这排除了 Object.assign 和我发现的任何“扩展”方法。

谢谢。

Answer 1

在稍微简化的情况下，您可以手动完成而不需要太多 effort :

class Address
{
  public City: string;
  public Province: string;
}

class Person{
     public Address: Address;
     public FirstName: string;
     public LastName: string;

     constructor() {
         this.Address = new Address();
     }

     private SetDataInternal(target: any, json: any)
     {
       if (typeof json === "undefined" || json === null)
       {
         return;
       }

       for (let propName of Object.keys(json))
       {
         const val = target[propName];

         if (typeof val === "object")
         {
           this.SetDataInternal(val, json[propName]);
         }
         else
         {
           target[propName] = json[propName];
         }
       }
     }

     public SetData(json: any)
     {
       this.SetDataInternal(this, json);
     }
}

const json = {
  Address: {
    City: "AAA",
    Province: "BBB"
  },
  FirstName: "CCC"
}

const p = new Person();
p.SetData(json);

console.log(p);

它肯定会遗漏一些检查和边界案例验证，但除此之外它会满足您的要求。