【问题标题】:How to read through [object Object]?如何阅读[object Object]?
【发布时间】:2019-11-05 07:59:54
【问题描述】:

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

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”,金额: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 对象属性读取循环?

【问题讨论】:

    标签: javascript arrays typescript object ecmascript-6


    【解决方案1】:

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

    console.log("element", element);
    

    【讨论】:

    【解决方案2】:

    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]

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

    【讨论】:

    • {payments.length} 为 2。为什么 element.description 在下面未定义? {payments.forEach(element => {element.description} )}
    • @jupitersailormoon 查看如何在 javascript 中迭代数组。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-07
    • 2012-06-03
    相关资源
    最近更新 更多