动态属性访问器 [重复]

Question

给定一个点表示法的属性访问器，例如。 google.maps.places，我需要评估语句以获取属性值。

var str = 'google.maps.places';
var statement = 'window["' + str.split('.').join('"]["') + '"]';
eval(statement);

当然，它有效，但我从来没有在生产中使用过eval，也永远不会想要，所以只是想知道是否有更好的方法？也因为这是一个简单的示例，但该函数可以接受任何级别的访问器，只是google 或google.maps 甚至google.maps.places.autocomplete。

Answer 1

您可以使用split() 和reduce()

let obj = {
  google:{
    maps:{
      places:["Place 1","place 2"]
    }
  }
}
function findItem(obj,path){
      path = path.split('.');
      return path.reduce((ac,a) => (ac.hasOwnProperty(a) ? ac[a] : {}),obj);
}

console.log(findItem(obj,'google.maps.places'))