使用javascript以表格形式打印dyanmic json数据

时间:2019-07-16 08:30:28

标签: javascript arrays json

所以我正尝试使用javascript打印对象的json数组tbl_matchScore以在终端中获取数据

 "tbl_MatchScore": [
                      {
                        "pk_matchScoreID": 15,
                        "fk_matchID": 133137,
                        "fk_teamID": 54438,
                        "inning": 2,
                        "inningStartTime": "",
                        "inningEndTime": "",
                        "oversPlayed": "0",
                        "revisedTarget": 0,
                        "revisedOvers": "",
                        "createdDate": "",
                        "modifiedDate": "",
                        "isAllOut": 0
                      },
                      {
                        "pk_matchScoreID": 16,
                        "fk_matchID": 133137,
                        "fk_teamID": 141065,
                        "inning": 1,
                        "totalRun": 152,
                        "totalWicket": 6,
                        "totalExtra": 10,
                        "penaltyRun": 0,
                        "leadBy": 0,
                        "trailBy": 0,
                        "inningStartTime": "2018-08-18T02:17:15+0000",
                        "inningEndTime": "2018-08-18T03:50:36+0000"
                       ]
                    };

我尝试使用for循环

for (var key in data) {
    if (data.hasOwnProperty(key)) {
        console.log(key + " -> " + data[key]);
    }
}

我有一个要动态打印的对象的多个相似数组。

1 个答案:

答案 0 :(得分:0)

您可以使用console.table()来做到这一点:

> console.table(["apples", "oranges", "bananas"]);
┌─────────┬───────────┐
│ (index) │  Values   │
├─────────┼───────────┤
│    0    │ 'apples'  │
│    1    │ 'oranges' │
│    2    │ 'bananas' │
└─────────┴───────────┘

它适用于数组或对象,甚至可以选择要显示的列(与 all 相对)

使用您自己的对象(我称为“ a”):

> console.table(a, ["inningStartTime", "oversPlayed"])
┌─────────┬────────────────────────────┬─────────────┐
│ (index) │      inningStartTime       │ oversPlayed │
├─────────┼────────────────────────────┼─────────────┤
│    0    │             ''             │     '0'     │
│    1    │ '2018-08-18T02:17:15+0000' │             │
└─────────┴────────────────────────────┴─────────────┘

编辑:添加另一个带有对象数组的示例以显示它们正确打印:

> myArray = [{column1: 'A', column2: 'B'}, {column1: 'C', column2: 'D'}, {column1: 'E', column2: 'F'}]
[
  { column1: 'A', column2: 'B' },
  { column1: 'C', column2: 'D' },
  { column1: 'E', column2: 'F' }
]
> console.table(myArray)
┌─────────┬─────────┬─────────┐
│ (index) │ column1 │ column2 │
├─────────┼─────────┼─────────┤
│    0    │   'A'   │   'B'   │
│    1    │   'C'   │   'D'   │
│    2    │   'E'   │   'F'   │
└─────────┴─────────┴─────────┘