使用 JavaScript 列出 Json 数据答案

【问题标题】：Listing Json data with JavaScript使用 JavaScript 列出 Json 数据
【发布时间】：2021-07-19 11:31:12
【问题描述】：

所以我想列出我从使用 javascript 进行 rest api 调用中获得的用户 json 的第一个值，以便响应如下所示：

"XXX-XXX", "DDD-DDD", "KKK-KKK", "UUU-UUU"

来自 API 调用的 JSON 数据：

   users:{
   "XXX-XXX":{
      "Info":{
         "ID":"08",
         "Created": "2021-07-10",
         "Plan": "Basic"}},
   "DDD-DDD":{
       "Info":{
          "ID":"04",
          "Created": "2021-07-11",
          "Plan": "Prime"}}
      },
   "KKK-KKK":{
       "Info":{
          "ID":"02",
          "Created": "2021-07-11",
          "Plan": "Prime"}}
      },
   "UU-UUU":{
       "Info":{
          "ID":"13",
          "Created": "2021-07-11",
          "Plan": "Prime"}}
      }
    }

【问题讨论】：

Object.keys(users).
那是来自 API 的格式吗？如果你检查它，在格式方面会有一些错误，有一些超出的花括号。您需要先正确格式化，然后使用 Object.keys(data)

标签： javascript json database

【解决方案1】：

使用 Object.keys() 你会得到你想要的结果到一个数组中。

let users = {
    "XXX-XXX": {
        "Info": {
            "ID": "08",
            "Created": "2021-07-10",
            "Plan": "Basic"
        }
    },
    "DDD-DDD": {
        "Info": {
            "ID": "04",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    },
    "KKK-KKK": {
        "Info": {
            "ID": "02",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    },
    "UU-UUU": {
        "Info": {
            "ID": "13",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    }
}

let result = Object.keys(users)
console.log(result)

【讨论】：

【解决方案2】：

//获取属性为数组：

Object.keys(your_json_object)

【讨论】：

【解决方案3】：

这样做 users[Object.keys(users)[0]]

【讨论】：

【解决方案4】：

const users = {
    "XXX-XXX": {
        "Info": {
            "ID": "08",
            "Created": "2021-07-10",
            "Plan": "Basic"
        }
    },
    "DDD-DDD": {
        "Info": {
            "ID": "04",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    },
    "KKK-KKK": {
        "Info": {
            "ID": "02",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    },
    "UU-UUU": {
        "Info": {
            "ID": "13",
            "Created": "2021-07-11",
            "Plan": "Prime"
        }
    }
}

console.log('"' + Object.keys(users).join('", "') + '"');

【讨论】：