Listing Json data with JavaScript

Question

so i would like to list the first value of users json i get from making an rest api call with javascript so that the response is like this :

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

Json Data from API call:

   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"}}
      }
    }

Is that the format coming from the API? if you check it there's some error in terms of formatting there's some exceeded curly braces. you need to format it properly first then use Object.keys(data) — VLDCNDN
– VLDCNDN, Commented Jul 19, 2021 at 11:43

Rubén Vega · Accepted Answer · 2021-07-19 11:41:38Z

1

With Object.keys() you will get the result that you want into an array.

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)

answered Jul 19, 2021 at 11:41

Rubén Vega

8308 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

noFearBrate · Accepted Answer · 2021-07-19 11:40:36Z

1

//to get the attributes as array:

Object.keys(your_json_object)

answered Jul 19, 2021 at 11:40

noFearBrate

262 bronze badges

Comments

Rajat kashyap · Accepted Answer · 2021-07-19 11:46:42Z

1

Do this users[Object.keys(users)[0]]

answered Jul 19, 2021 at 11:46

Rajat kashyap

6221 gold badge8 silver badges21 bronze badges

Comments

Robin Webb · Accepted Answer · 2021-07-19 11:53:26Z

1

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('", "') + '"');

answered Jul 19, 2021 at 11:53

Robin Webb

1,5311 gold badge11 silver badges16 bronze badges

Collectives™ on Stack Overflow

Listing Json data with JavaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related