Obtain value from nested JSON dictionary via keypath without using eval

Question

I want to access a nested JSON dictionary via dynamically constructed keypath.
The keypath uses standard JSON dot and subscript operators. (. and [x])
E.g.:

var data = 
{"title": "a_title",
 "testList": [
   {
     "testListItemKey": "listitem1"
   },
   {
     "testListItemKey": "listitem2",
          "deepTestList": [
            {
              "testListItemKey": "listitem1",
                      "testListItemDict":{
                         "subTitle": "sub_title",
                      }
            }]
   }]
}

An example keypath string would be:

data.feedEntries[0].testList[2].deepTestList[1].testListItemDict.subTitle

The simplest working solution I found so far is to use eval or function constructors:

function valueForKeypPath(data, keyPath) {
    "use strict";
    var evaluateKeypath = new Function('data', 'return data.' + keyPath);
    return evaluateKeypath(data);
}

As I can't fully trust the JSON data I receive from a remote endpoint, I'd like to avoid eval et.al.

possible duplicate of [In javascript how can I dynamically get a nested property of an object](http://stackoverflow.com/questions/6906108/in-javascript-how-can-i-dynamically-get-a-nested-property-of-an-object) — Quentin, Apr 28 '13 at 08:22

score 5 · Accepted Answer · answered Apr 28 '13 at 08:26

Replace all "[" to "." and "]" to "" so you get to

feedEntries.0.testList.2.deepTestList.1.testListItemDict.subTitle

Split this into a path array like using path.split('.')

var paths =  ['feedEntries','0','testList','2']

then just

var root = data;
paths.forEach(function(path) {
   root = root[path];
});

at the end root contains the desired data fragment.

score 0 · Answer 2 · answered Feb 10 '14 at 00:44

0

What if you are using "underscore", I recommend underscore-keypath

answered Feb 10 '14 at 00:44

jeeeyul

3,727
1
24
37

Obtain value from nested JSON dictionary via keypath without using eval

2 Answers2