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);

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

1 个答案: