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

它返回Object 的列表而不是MyObject 的列表

Answer 1

实现此目的的另一种方法：

var data: any = getFromServer();
var myObjectArray = data as MyObject;

或者：

var data: any = getFromServer();
var myObjectArray = <MyObject>dataMyObject;

Answer 2

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

我在post中详细说明了解决方案。

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;

在打字稿中，您不需要实现接口的类。任何满足接口契约的对象字面量都可以。

如果您的数据仍在字符串中，您可以使用 JSON.parse(jsonString) 将字符串解析为 JavaScript 对象。

见游乐场here

Answer 4

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

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

您可以在操场上查看here。