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

时间:2017-09-03 18:57:44

标签: javascript json typescript mobx

说我有以下的Typescript模型:

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

我通过JSON从服务器获得该对象的精确表示。

我如何一般性地设置人物和地址的属性,但保持现有对象不变

与此类似,但一般来说:

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

原因是原始对象必须保留并且有调用者称为Mobx observables。这排除了Object.assign和我找到的任何“扩展”方法。

感谢。

2 个答案:

答案 0 :(得分: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);

肯定会错过一些检查和角落案例验证,但除此之外,它会按照您的要求进行验证。

答案 1 :(得分:0)

我的最终实施基于Amids:

导入*作为_来自"下划线";

export class ObjectMapper
{
    public static MapObject(source: any, destination: any) {
       _.mapObject(source, (val, key) => {
        if(_.isObject(val))
        {
            this.MapObject(val, destination[key]);
        }
        else if(_.isArray(val))
        {
            const array = destination[key];
            for(var i in val)
            {
                const newObject = {};
                _.extend(newObject, val[i]);
                array.push(newObject);
            }
        }
        else
        {
            destination[key] = val;
        }
    });
    }
}