如何将json对象映射到打字稿数组

时间:2019-06-25 11:04:49

标签: typescript

我尝试了各种示例,但到目前为止都没有奏效。我有一个GET响应,如下所示:

  

{数据:{…},状态:200,statusText:“确定”,标题:{…},配置:{…},   …}配置:{适配器:ƒ,transformRequest:{…},transformResponse:{…},   超时:0,xsrfCookieName:“ XSRF-TOKEN”,…}


  

数据:

     

销售:Array(2)0:{Id:2,Amount:500,DateCreated:“ 01/01/2019   00:00:00“} 1:{Id:3,金额:410,创建日期:“ 01/20/2019   00:00:00“}

我的接口定义如下:

interface ISales{
  id:number;
  amount:number;
  dateCreated:Date
}

我想创建一个数组并填写响应销售中的值。我尝试了以下方法:

 const result: ISales = response.data.sales;
      let payments: ISales[];
      payments = [];
      payments.push(result);


payments.map((item)=>{"whole array", console.log(item)})

payments.map((item)=>{"property only", console.log(item.amount)})

在上面,整个数组将数据显示为

  

(2)[{…},{…}] 0:{Id:2,Amount:500,DateCreated:“ 01/01/2019   00:00:00“} 1:{Id:3,Amount:410,DateCreated:” 01/20/2019 00:00:00“}   长度:2    proto :数组(0)

仅此属性是未定义的。我的代码有什么问题。如何读取财产价值并将其存储在付款中?

2 个答案:

答案 0 :(得分:0)

这应该有效:

const result: ISales[] = response.data.sales;
result.map((isales: ISales)=>{console.log(isales)});
result.map((isales: ISales)=>{console.log(isales.amount)});

答案 1 :(得分:0)

我终于设法找到了错误。界面中的属性为驼峰案例,而响应中的属性为帕斯卡案例。