Getting values from json in JavaScript

Question

If I have some json like this:

{
    "dcf93893d83e4f28953f140b9cba1963":{
       "foo":{
          "client":"127.0.0.1",
          "id":"31971",
          "start time":1654131724.160335
       },
       "bar":{
          "client":"127.0.0.1",
          "id":"23456",
          "start time":1654131900.997766
       }
    }
 }

I figured out how to loop through it like this:

for (var key in json) {
    if (json.hasOwnProperty(key)) {
        console.log(json[key])
    }
}

How can I loop through each sub element (foo and bar in this case) and then fetch a key, for example id?

client, id and start time are the only known key names

Expected output:

31971
23456

EDIT: The json comes from fetch:

setInterval(function () {
    fetch(<url>)
        .then(function (response) {
            return response.json();
        })
        .then(function (json) {
            for (var key in json) {
                if (json.hasOwnProperty(key)) {
                    console.log(json[key])
                }
            }
        })
}, 2000);

symlink · Accepted Answer · 2022-06-02 02:22:41Z

1

Do another loop and grab the inner values by key name:

const json = {
    "dcf93893d83e4f28953f140b9cba1963":{
       "foo":{
          "client":"127.0.0.1",
          "id":"31971",
          "start time":1654131724.160335
       },
       "bar":{
          "client":"127.0.0.1",
          "id":"23456",
          "start time":1654131900.997766
       }
    }
 }
 
for (var key in json) {
    if (json.hasOwnProperty(key)) {
        //console.log(json[key])
        
        for(var key2 in json[key]) {
          console.log(json[key][key2]["id"])
        }
    }
}

answered Jun 2, 2022 at 2:22

symlink

12.2k7 gold badges31 silver badges57 bronze badges

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

4 Comments

Chris Over a year ago

Thanks for the reply. I tried to do something like this and just as with your example I get "undefined" in the log. The json is from a fetch request.

Chris Over a year ago

Ever so sorry. It works! I has a typo.

Chris Over a year ago

How could I print the sub key eg "dcf93893d83e4f28953f140b9cba1963"

symlink Over a year ago

@Chris inside the first loop, console.log(key)

webdeb · Accepted Answer · 2022-06-02 02:23:38Z

0

You have to loop in each loop. and save each id into an array.

var ids = []
for (var key in json) {
    if (json.hasOwnProperty(key)) {
        for(var obj in json[key]) {
           if (obj.id) ids.push(obj.id)
        }
    }
}

answered Jun 2, 2022 at 2:23

webdeb

13.3k5 gold badges32 silver badges44 bronze badges

Comments

Robby Cornelissen · Accepted Answer · 2022-06-02 02:25:00Z

0

Instead of iterating, you could just get the object's values with Object.values(), and map those accordingly using flatMap() and map():

const data = {
  "dcf93893d83e4f28953f140b9cba1963": {
    "foo": {
      "client": "127.0.0.1",
      "id": "31971",
      "start time": 1654131724.160335
    },
    "bar": {
      "client": "127.0.0.1",
      "id": "23456",
      "start time": 1654131900.997766
    }
  }
};

const result = Object.values(data)
                     .flatMap(v => Object.values(v)).map(({id}) => id);

console.log(result);

answered Jun 2, 2022 at 2:25

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

Collectives™ on Stack Overflow

Getting values from json in JavaScript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related