access nested property using bracket notation [duplicate]

Question

Says I have var input = {'name':'john'}

I do input['name'] = 'James'

it become var input = {'name':'john'} but can I pass value with dot to access nested property?

Like

var input = {"name":"john","grades":"{english:"A","math":"C"}"}

I can't change the math value by doing input["grades.math"].

Answer 1

You can access that value by these ways:

var input = {"name":"john","grades":{"english":"A","math":"C"}}

console.log(input["grades"]["math"]);
console.log(input.grades.math);
console.log(input["grades"].math);
console.log(input.grades["math"]);