Typescript：将 JSON 对象转换为类/接口对象

我正在尝试将 API 响应转换为打字稿类/接口。

这里，API 返回具有某些属性的对象列表，但我只需要响应对象的少数属性。

API响应示例：

    [{
    'Id' : 1,
    'Name': 'test',
    'Description: 'Test',
    'PropertyX': 'x',
    'PropertyY' : 'y'
    },
    ...]
  

打字稿类

    Class Response {
     Id: string;
     Name: string;
    }

  

您能否建议我将 JSON 对象转换为打字稿对象的最佳方法是什么？

我建议创建一个界面来描述您在应用程序中使用的属性并忽略其余内容：

因此，假设您的回复如下所示：

const response = [{
      'Id' : 1,
      'Name': 'test',
      'Description': 'Test',
      'PropertyX': 'x',
      'PropertyY' : 'y'
    }, {
      'Id' : 2,
      'Name': 'test2',
      'Description': 'Test2',
      'PropertyX': 'x2',
      'PropertyY' : 'y2'
    }
];

而你只对Id and Name，只需创建一个像这样的接口：

interface IMyObject {
  Id: String;
  Name: String;
}

然后在应用程序的其余部分中，您可以将响应投射到IMyObject[]

例如，如果函数使用您的响应：

function myFunction(response: IMyObject[]) { ... }

或者如果您需要返回该类型，您可以像这样进行直接转换：

return response as MyObject[];

编辑：正如下面的评论中提到的，只需将您的对象转换为IMyObject不会删除您不感兴趣的额外属性。

为此，请使用.map:

const formattedResponse: IMyObject = reponse.map(item => {
  Id: item.Id,
  Name: item.Name
});