How to navigate javascript multidimenion array dynamically?

Question

I have a 2 arrays that look like this:

vars arrayVars = ["s", "p", "o"]

arrayBindings = [     {
        "s": { "type": "uri" , "value": "http://ss.ldm.io/" } ,
        "p": { "type": "uri" , "value": "http://xmlns.com/foaf/0.1/name" } ,
        "o": { "type": "literal" , "value": "ss" }
      } ,
      {
        "s": { "type": "uri" , "value": "http://ss.ldm.io/" } ,
        "p": { "type": "uri" , "value": "http://xmlns.com/foaf/0.1/img" } ,
        "o": { "type": "uri" , "value": "http://fbcdn-sphotos-d-a.akamaihd.net/o.jpg" }
      },
      ...
      ]

I want to be able to navigate the arrayBindings dynamically based on the parameter of the first one, basically:

arrayBindings[0].s.value gets me "http://ss.ldm.io/" but doing it in way like arrayBindings[0].arrayVars[0].value which deosn't work.

Abdul Jabbar · Accepted Answer · 2014-10-01 07:23:40Z

1

That's where the [] notation comes in handy:

arrayBindings[0][arrayVars[0]].value

var arrayVars = ["s", "p", "o"]

var arrayBindings = [     {
        "s": { "type": "uri" , "value": "http://ss.ldm.io/" } ,
        "p": { "type": "uri" , "value": "http://xmlns.com/foaf/0.1/name" } ,
        "o": { "type": "literal" , "value": "ss" }
      } ,
      {
        "s": { "type": "uri" , "value": "http://ss.ldm.io/" } ,
        "p": { "type": "uri" , "value": "http://xmlns.com/foaf/0.1/img" } ,
        "o": { "type": "uri" , "value": "http://fbcdn-sphotos-d-a.akamaihd.net/o.jpg" }
      },
]
                     
document.write(arrayBindings[0][arrayVars[0]].value);

answered Oct 1, 2014 at 7:23

Abdul Jabbar

2,5736 gold badges28 silver badges45 bronze badges

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

Comments

S.Thiongane · Accepted Answer · 2014-10-01 07:50:42Z

0

You can access object properties by using brakets ([]) or dot (.) notations:

Thus, arrayBindings[0].s.value and arrayBindings[0]['s']['value'] return the same value http://ss.ldm.io/

Read this

Now, looping over your two arrays, dynamically :

for (i = 0; i < arrayBindings.length; i++) {
    for (j = 0; j < arrayVars.length; j++) {
        document.write(arrayBindings[i][arrayVars[j]].value);
    }
}

answered Oct 1, 2014 at 7:50

S.Thiongane

6,9153 gold badges39 silver badges53 bronze badges

Collectives™ on Stack Overflow

How to navigate javascript multidimenion array dynamically?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related