Javascript Access inner object parameter

Question

say I have a dict like this:

colors = {
  green: {
    light: "lightgreen",
    dark: "darkgreen",
  },
  blue: {
    light: "lightblue",
    dark: "darkblue",
  }
}

How can I index into this with ONE key, like "green.light". I tried colors["green.light"], but it didn't work.

@KunalMukherjee Thanks, but the point is that I want it to only be ONE key. — , Jan 04 '21 at 05:41
Check [`this`](https://stackoverflow.com/questions/6491463/accessing-nested-javascript-objects-and-arrays-by-string-path) question, its similar to yours — Kunal Mukherjee, Jan 04 '21 at 05:42
You can use `eval('colors.green.light')` if you sure the input is trustworthy — Hao Wu, Jan 04 '21 at 05:51

score 1 · Answer 1 · edited Jan 04 '21 at 06:08

You can only do it certain ways which are shown below, also you can write a function and define your own way like I shown below. Hope this helps

colors = {
  green: {
    light: "lightgreen",
    dark: "darkgreen",
  },
  blue: {
    light: "lightblue",
    dark: "darkblue",
  }
}
// -- by defining your custom way
console.log(resolvePath(colors, "blue.light"));


function resolvePath (object, path) {
  return path
   .split('.')
   .reduce((o, p) => o ? o[p] : '', object)
 }
// -- by defining your custom way

// -- other ways below

console.log(colors["green"]["light"]);
console.log(colors.green.light);
console.log(colors["green"].light);
console.log(colors.green["light"]);
console.log(colors.green["light"]);
console.log(eval('colors.green.light')); // Thanks to @HaoWu comment, added this

score 0 · Answer 2 · answered Jan 04 '21 at 05:46

0

colors = {
  green: {
    light: "lightgreen",
    dark: "darkgreen",
  },
  blue: {
    light: "lightblue",
    dark: "darkblue",
  }
}

console.log(colors.green['light'])

answered Jan 04 '21 at 05:46

Mohd Sabban

182
1
12

Javascript Access inner object parameter

2 Answers2