javascript - 访问 JS 对象中的动态嵌套键

Question

我有一个类似的数组['animals', 'cats', 'cute', 'fast', 'small', ...]，并且想要访问对象的嵌套键，例如

let object = {
  one: {
    two: {
      three: {
        // and so on
      }
    }
  }
}

通常我会写object['animals']['cats']['cute']['fast']['small']..

问题是键和级别数是动态的（所以我可以获得具有 2 个嵌套级别或 50 个的对象），所以我不知道如何完成

提前感谢您的帮助

Answer 1

用 迭代键数组.reduce，其中累加器是当前嵌套对象：

let object = {
  one: {
    two: {
      three: {
        prop: 'val'
      }
    }
  }
};

const props = ['one', 'two', 'three', 'prop'];
const nestedVal = props.reduce((a, prop) => a[prop], object);
console.log(nestedVal);

要在同一点分配值，首先弹出最后一个键，使用相同的reduce技巧获取最后一个对象，然后用括号表示法分配给最后一个键的属性：

let object = {
  one: {
    two: {
      three: {
        prop: 'val'
      }
    }
  }
};

const props = ['one', 'two', 'three', 'prop'];
const lastKey = props.pop();
const nestedObj = props.reduce((a, prop) => a[prop], object);
nestedObj[lastKey] = 'newVal';
console.log(object);