如何通读[对象对象]?

时间:2019-06-23 03:50:31

标签: javascript arrays typescript object ecmascript-6

我正在阅读具有以下结构的列表:

export interface ISaleEntity {
    id: number;
    dateCreated: Date,
    amount:number,
    type:string,
    description:string
  }

我的api返回以下数据:

  

付款:Array(2)0:{Id:1,类型:“ DEBIT”,说明:“销售   1“,金额:5000,创建日期:” 06/18/2018 00:00:00“} 1:{Id:2,类型:   “ CREDIT”,说明:“ Sale1”,金额:4200,创建日期:“ 06/20/2018   00:00:00“}

自从我使用成绩单以来,我就这样做

 const payments: ISaleEntity [] = response.data.payments;



private renderData(payments: ISaleEntity[]) {
    return (
      <div>
        {payments.length}
        {payments.forEach(element => 
       // tslint:disable-next-line:no-console
       console.log("element" + element)

        // <span>{element.description}</span>
        )}
      </div>
    );
  }

在控制台中,元素是[object Object]。

如何通过JSON对象属性读取循环?

2 个答案:

答案 0 :(得分:1)

只需将其作为另一个参数传递给console.log

console.log("element", element);

答案 1 :(得分:1)

var elements=[{Id: 1, Type: "DEBIT", Description: "Sale 1", Amount: 5000, DateCreated: "06/18/2018 00:00:00"} ,{Id: 2, Type: "CREDIT", Description: "Sale1", Amount: 4200, DateCreated: "06/20/2018 00:00:00"}]

elements.forEach(function(elem){
  console.log(elem);
  console.log(elem.Description)
})

console.log(elements[0].Description)

如果要与string连接,只需使用

console.log("element" + JSON.stringify(element)).

+ elementobject element强制转换为string

[object Object]是一个重载函数,它接受通过复制(字符串|数字|布尔值)或通过引用(其他所有参数)传递的参数列表。