如何單獨獲取對象值並將其推入臨時變量-jsPDF-autoTable

Question

以下是我從后端獲得的示例響應。

let data = [
{
    "thisIsTheResponseFromBackEnd": [
    {
        "Col Header 1": "AAA, AAA",
        "Col Header 2": "BCD",
        "Col Header 3": "dummy data 1",
    },
    {
        "Col Header 1": "BBB, BBB",
        "Col Header 2": "BCD",
        "Col Header 3": "dummy data 1",
    },
    {
        "Col Header 1": "Hello,world",
        "Col Header 2": "BCD",
        "Col Header 3": "dummy data 1",

    }]
}]

正在嘗試將動態數據推送到jspdf autoTable中。 我使用header: Object.keys(data[0]) //as column

但是如果嘗試推送對象的值，則僅返回[object, Object]

我嘗試了以下將數據推入jspdfatuoTable主體的方法。 但未能通過以下方法。

/*  Object.keys( data ).forEach( key => {
        console.log( data[key] );
        const temp = [data[key]];
        rows.push(temp);
         console.log('body ?', rows);
    }); */

/* Object.keys(data).forEach(function (prop) {
        const temp = [data[prop]];
        rows.push(temp);
    }); */

for (let [key, value] of Object.entries(data)) {   
    const temp = [data.value];
    rows.push(temp);
    console.log('body ?', rows);
}

有人可以幫我嗎？

謝謝

Answer 1

標頭： Object.keys(data[0])[0]

data.map(x => Object.values(x)) ： data.map(x => Object.values(x))

Answer 2

通過For循環，您還可以輕松解決此問題，您要做的就是正確訪問您的對象。

    let data = [
    {
        "thisIsTheResponseFromBackEnd": [
        {
            "Col Header 1": "AAA, AAA",
            "Col Header 2": "BCD",
            "Col Header 3": "dummy data 1",
        },
        {
            "Col Header 1": "BBB, BBB",
            "Col Header 2": "BCD",
            "Col Header 3": "dummy data 1",
        },
        {
            "Col Header 1": "Hello,world",
            "Col Header 2": "BCD",
            "Col Header 3": "dummy data 1",

        }]
    }]


    var res = data[0].thisIsTheResponseFromBackEnd
    for (var i = 0; i < res.length; i++) {
      console.log(res[i])
    }

希望能幫助到你