Set value in object at dynamic key, possibly further than first given scope

I have 2 user-provided strings acting as a key, and a value. Let’s say, for example, "foo" and "Hello World!". I have an object that I want to modify, and set obj.foo to Hello World!.

The problem is that the key can lead to an indefinitely nested object. For example, I should be able to use the key foo.bar[baz].qux or any strange JS-syntax sequence like that to set a value inside a nested object, or declare one if necessary.

Furthermore, I’m gonna have to access these values with another user-provided string that could be in a different format (for example, foo[bar][baz][qux] instead). Is there a way to do all of this without using eval()?

Before someone marks it, this question isn’t a duplicate of change structure of an object javascript because

  1. That question does not address the last part of this one,
  2. It’s 7 years old, and interacting with objects has become a lot easier over updates (maybe my question would be easier to answer with recent versions?) and
  3. It also doesn’t address using [] (not as big of a problem, until you have people using both types in one long expression)