javascript - 如何读取[object Object]？

Question

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

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

我的 api 返回以下数据:

payments: Array(2) 0: {Id: 1, Type: "DEBIT", Description: "Sale 1", Amount: 5000, DateCreated: "06/18/2018 00:00:00"} 1: {Id: 2, Type: "CREDIT", Description: "Sale1", Amount: 4200, DateCreated: "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 对象属性读取循环？

Answer 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)

如果您想与字符串连接，只需使用

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

+ element 将 object element 强制转换为 string，即 [object Object]

console.log 是一个重载函数，它接受通过副本(字符串|数字| bool 值)或引用(其他所有内容)传递的参数列表。