javascript - 如何在给定动态键的情况下访问嵌套对象的属性？

Question

我有一个我不知道其结构的嵌套对象。例如:

const nestedObject = {
  "one": {
    "two": {
       "three": 3
     }
  }
}

我想显示 three 的值。

我有一个这样的数组，因此我知道如何导航对象以到达三个:

const keys = ["one", "two", "three"]

不必以这种方式构建。

那么在给定上面的 keys 数组的情况下，如何访问 one.two.three 呢？或者其他一些数据结构。我正在考虑进行递归，但它似乎太复杂了，我觉得那里有一个简单的解决方案。

Answer 1

您可以使用简单的 Array.prototype.reduce() 来完成功能:

const data = {
  "one": {
    "two": {
       "three": 3
     }
  }
};

const keys = ["one", "two", "three"];

const value = keys.reduce((a, v) => a[v], data);

console.log(value);