Access nested object with variable angularjs

Question

obj {
  val1 {
    nestedval {}
  }
  val2 {
    nestedval {}
  }
}

I want to access nestedval and want val1 or val2 as a variable i am trying like

var getVal = obj.varible.nestedval

but some how it's not working for me can anyone please help me to achieve this using angularjs. Thanks for your valuable time Guys.

Not releated to angular. You example is not a valid JS object. Can you please update. Please add your error message. — Sebastian Sebald
– Sebastian Sebald, Commented Aug 19, 2016 at 11:36
There's an article in W3School explaining object creation: w3schools.com/js/js_objects.asp — cullimorer
– cullimorer, Commented Aug 19, 2016 at 11:42
object structure I am trying to explain sorry if I missed any syntax error I am getting is Cannot read property 'nestedval' of undefined while when I try to print "variable" it's showing exact val which I am passing — ganesh satpute
– ganesh satpute, Commented Aug 19, 2016 at 11:42
Also I am saying in angular because I am not sure how to use variable in expression so — ganesh satpute
– ganesh satpute, Commented Aug 19, 2016 at 11:44

dfsq · Accepted Answer · 2016-08-19 11:50:45Z

2

Providing that your object structure look like this (added : to make it valid):

obj = {
  val1: {
    nestedval: {}
  }
  val2: {
    nestedval: {}
  }
}

You can use bracket notation to refer property by variable name:

var variable = 'val2'
var getVal = obj[variable].nestedval

answered Aug 19, 2016 at 11:50

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Answer 1