Referencing a JavaScript Object

Question

Given the following object, how would I dynamically access both levels of data?

var object = {
    "one": {
        "0": "foo",
        "1": "foo foo",
        "2": "foo foo foo",
        "3": "foo foo foo foo",
        "4": "foo foo foo foo foo"
    },
    "two": {
        "0": "bar",
        "1": "bar bar",
        "2": "bar bar bar",
        "3": "bar bar bar bar",
        "4": "bar bar bar bar bar"
    }
};

Shouldn't I be able to do something along the lines of:

var outer = "one",
    inner = "3";

console.log(object[outer][inner]);

And have the output be "foo foo foo foo"?

Yes that would be the exact output of the code as you have typed it. — Damon
– Damon, Commented Jun 21, 2017 at 4:42
If u r having trouble traversing huge collections / objects, try using underscore/lodash and these util libraries have out of the box methods like pluck(), map() etc. which can be useful . — Plankton
– Plankton, Commented Jun 21, 2017 at 4:44
For whatever reason, jQuery and my hot reloading were breaking in some spectacular way. I now understand that I am a fool. Thank you all for your comments and helping me to realize it! — daveycroqet
– daveycroqet, Commented Jun 21, 2017 at 20:53

Prisoner · Accepted Answer · 2017-06-21 04:46:25Z

3

Yes. And it does.

$ cat so2.js
var object = {
  "one": {
    "0": "foo",
    "1": "foo foo",
    "2": "foo foo foo",
    "3": "foo foo foo foo",
    "4": "foo foo foo foo foo"
  },
  "two": {
    "0": "bar",
    "1": "bar bar",
    "2": "bar bar bar",
    "3": "bar bar bar bar",
    "4": "bar bar bar bar bar"
  }
};

var outer = "one",
  inner = "3";

console.log(object[outer][inner]);

$ node so2.js
foo foo foo foo

answered Jun 21, 2017 at 4:46

Prisoner

50.9k7 gold badges59 silver badges113 bronze badges

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

1 Comment

daveycroqet Over a year ago

Hot reloading and jQuery weren't playing nice for some reason. It does work, and I am just embarrassed now.

Ozesh · Accepted Answer · 2017-06-21 05:00:19Z

0

You could try out using the index, but first you need to get the index of the keys "one","two". Something like :

object[Object.keys(object)[0]][1]     // "foo foo"
object[Object.keys(object)[1]][1]     // "bar bar"

answered Jun 21, 2017 at 5:00

Ozesh

7,1041 gold badge29 silver badges24 bronze badges

2 Comments

t.niese Over a year ago

Object.keys returns the array of keys for the object and Object.keys(object)[0] will return one of the keys, not an index.

Ozesh Over a year ago

Yes exactly !! I

Vivek Doshi · Accepted Answer · 2017-06-21 05:30:25Z

0

Here is the code for accessing all the values as per your json object :

for(var first in object)
{
    for(var second in object[first])
    {
        console.log(object[first][second]);
    }
}

answered Jun 21, 2017 at 5:30

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

Collectives™ on Stack Overflow

Referencing a JavaScript Object

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related