Dynamic property accessor

Question

Given a property accessor in dot notation eg. google.maps.places, I need to evaluate the statement to get the property value.

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

Ofcourse, it works but I've never used eval in production and would never want to, so just wondering if there's a better way? Also because this is a quick example but the function could accept accessors of any levels, just google or google.maps or even google.maps.places.autocomplete.

Maheer Ali · Accepted Answer · 2019-03-27T11:14:34.253

2

You can use split() and 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'))

edited Mar 27 '19 at 11:14

answered Mar 27 '19 at 11:11

Maheer Ali

35,834
5
42
73

I think you forgot `return` statement at the end – Andrey Mar 27 '19 at 11:14
@Shilly No @Andrey meant if not returning from function he is not taking about callback of `reduce` – Maheer Ali Mar 27 '19 at 11:16

Dynamic property accessor

1 Answers1