Question

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

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

API响应示例：

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

Typescript Class


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

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

Answer 1

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

假设你的回答如下：

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

并且您只对Id和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
});

Answer 2

你可以使用 forEach 方法并使用您需要的属性创建一个新对象。

myarray=[];
 ngOnInit() {
     this.myvalues();

  }


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

        response.forEach(value=>{
         this.myarray.push(
               {
                'ID':value.Id,
               'Name':value.Name
              }
            )
        });
        console.log(this.myarray);

<强> WORKING DEMO

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

2 个答案: