将JSON字符串键入到类中

Question

让我们成为这个 JSON 字符串：

[
    {
        "id": 1,
        "text": "Jon Doe"
    },
    {
        "id": 1,
        "text": "Pablo Escobar"
    }
]

假设是这个类:

export class MyObject{
    id: number;
    text: string;
}

如何将此 JSON 字符串转换为 MyObject 列表？

如果我做了:

console.log(<MyObject[]>JSON.parse(json_string));

它返回＜code＞Object＜/code＞的列表，而不是＜code＞MyObject＜/code＞的列表

Answer 1

当MyObject有50个或更多属性时出现问题…

在MyObject类中添加构造函数，以便它扩展json对象。

export class MyObject {
    constructor( json: any )
    {
      $.extend(this, json);
    }
    id : number;
    text : string;

    methodOnMyObject() {...}
}

在ajax回调中，从json对象创建MyObject对象:

let newObject = new MyObject( json );
newObject.methodOnMyObject();

我在那篇帖子中详细介绍了解决方案。

Answer 2

您需要为类创建一个构造函数，并为收到的列表中的每个项调用它。

export class MyObject{
    constructor(public id: number, public text: string) { }
}

let data = [
  {
    "id": 1,
    "text": "Jon Doe"
  },
  {
    "id": 1,
    "text": "Pablo Escobar"
  }
];

let objects = data.map(o => new MyObject(o.id, o.text));

你可以在这里的操场上看看。

Answer 3

这里不一定需要类。你可以使用接口

export interface MyObject{
  id: number;
  text: string;
}

然后你可以写：

var myObjArray : MyObject[] =  [
  {
    "id": 1,
    "text": "Jon Doe"
  },
  {
    "id": 1,
    "text": "Pablo Escobar"
  }
];

如果你的数据来自服务器，你可能会把它放在一个any类型的变量中，你可以把它赋给一个该类型的数组，它就会像预期的那样工作。

var data: any = getFromServer();
var myObjectArray:MyObject[] = data;

在typescript中，你不需要一个实现接口的类。任何满足接口契约的对象文字都可以。

如果您的数据仍为字符串，则可以使用＜code＞JSON。parse（jsonString）将字符串解析为JavaScript对象。

在这里查看游乐场