json文件的严格数据类型

Question

当我从 json 中获取数据时，我首先创建一个类并定义我在 json 中获得的所有变量，以获得严格的数据类型，例如我的 json 文件是

 {"fname":"Mark","lname":"jhony"}

所以在 Angular 中，我制作了这样的课程

export class user{

 fname: string;
 lname : string;
}

我很困惑如何为以下 json 数据创建类

{"fname":"Mark","lname":"jhony",
 "parcels":[
   {
    "parcelId":123,
    "parcelName :"asd",
    "parcelItems:[
       { 
        "itemId":2,
        "itemName":"perfume"
       },
       { 
         "itemId":4,
         "itemName":"soap"
       }
     ]
]}

我试图在类中添加数组，但没有得到在 angularjs 中处理它的最佳方法。

Answer 1

这会起作用。

export interface ParcelItemType {    
    itemId: number;
    itemName: string;
}

export interface ParcelType {
    parcelId: number;
    parcelName: string;
    parcelItems: ParcelItemType[];
}

export interface YourType {
   fname: string;
   lname: string;
   parcels: ParcelType[];
}

Answer 2

通常您会使用接口来表示原始值的数据结构，例如：

interface ParcelItem {
  itemId: number;
  itemName: string;
}
interface Parcel {
  parcelId: number;
  parcelName: string;
  parcelItems: ParcelItem[];
}
interface User {
  fname: string;
  lname: string;
  Parcels: Parcel[];
}

根据您获取 JSON 和解析它的方式，您可以指定要使用的接口。最简单的例子是：

const user = JSON.parse(userJson) as User;

如果您想将一个类用于相关的数据操作方法，您必须使用构造函数实例化该类。这可能看起来像：

const userValues = JSON.parse(userJson);
const user = new User(userValues);