如何在JavaScript中为未定义的嵌套对象属性直接赋值？

当然有可行方案！下面给你几种实用的方法，能让你直接给嵌套对象的深层属性赋值，不用手动逐层初始化中间对象：

这是目前最推荐的方式，利用ES6的Proxy特性拦截对象的属性访问，自动创建缺失的嵌套对象：

function createNestedObj() {
  return new Proxy({}, {
    get(target, prop) {
      // 如果当前属性不存在，就创建一个新的嵌套Proxy对象
      if (!(prop in target)) {
        target[prop] = createNestedObj();
      }
      return target[prop];
    }
  });
}

// 使用示例
const a = createNestedObj();
a.b.c = 'hello world';
console.log(a.b.c); // 输出 'hello world'

原理很简单：当你访问a.b时，Proxy的get拦截器会检查a里有没有b属性，如果没有就自动创建一个新的Proxy对象并赋值给a.b；接着访问a.b.c时，同样的逻辑会给a.b创建c属性，最后直接赋值即可。

注意：Proxy是ES6特性，不支持IE浏览器，如果你的项目需要兼容旧环境，建议优先考虑下面的方案。

如果你需要兼容低版本浏览器，可以写一个通用函数来处理深层赋值：

function setNestedProp(obj, propPath, value) {
  // 把属性路径拆分成数组，比如 'b.c' 变成 ['b', 'c']
  const propKeys = propPath.split('.');
  let currentObj = obj;

  // 遍历到倒数第二个属性，逐层创建对象
  for (let i = 0; i < propKeys.length - 1; i++) {
    const key = propKeys[i];
    if (!currentObj[key]) {
      currentObj[key] = {};
    }
    currentObj = currentObj[key];
  }

  // 给最后一个属性赋值
  currentObj[propKeys[propKeys.length - 1]] = value;
}

// 使用示例
const a = {};
setNestedProp(a, 'b.c', 'hello world');
console.log(a.b.c); // 输出 'hello world'

这个函数接收三个参数：目标对象、属性路径字符串、要赋的值，内部会自动处理中间对象的创建，不用你手动写a.b = {}这类代码。

如果你的对象结构是预先确定的，可以用getter特性来懒加载嵌套对象：

const a = {
  get b() {
    // 第一次访问a.b时，自动创建_b属性
    if (!this._b) {
      this._b = {};
    }
    return this._b;
  }
};

a.b.c = 'hello world';
console.log(a.b.c); // 输出 'hello world'

这种方法需要提前定义好getter，灵活性不如前两种，但对于固定结构的对象来说，写法也很简洁。

内容的提问来源于stack exchange，提问作者Na Nyan