How to set object property (of object property of..) given its string name in JavaScript?

Question

Suppose we are only given

var obj = {};
var propName = \"foo.bar.foobar\";

How can we set the prop

Answer 1

Here's a simple method that uses a scoped Object that recursively set's the correct prop by path.

function setObjectValueByPath(pathScope, value, obj) {
  const pathStrings = pathScope.split('/');
  obj[pathStrings[0]] = pathStrings.length > 1 ?
    setObjectValueByPath(
      pathStrings.splice(1, pathStrings.length).join('/'),
      value,
      obj[pathStrings[0]]
    ) :
    value;
  return obj;
}