javascript - 动态属性访问器

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.

标签： javascriptobjectaccessor

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