JS get nested property of object with space in name

Question

Given this structure:

{  
    "foo":{  
        "bar":{  
            "baz":[  
                {  
                    "foo bar":"baz",
                    "baz foo":"bar"
                }
            ]
        }
    }
}

How can I select 'foo bar' from a variable such as:

var myString = "baz[0]['baz foo']";

There are many examples of how to do it using dot notation:

Accessing nested JavaScript objects with string key

Access / process (nested) objects, arrays or JSON

Reference Nested JavaScript Object

But none of them support key with spaces in it seems.

An example JS fiddle

Sorry I obviously didn't explain the question well enough, the string was just an example, I'll need to recurse over the object — Kiksy
– Kiksy, Commented Aug 13, 2015 at 11:11
Your question is still not very clear. Try to elaborate and present a test case. — Ori Drori
– Ori Drori, Commented Aug 13, 2015 at 11:14

ozil · Accepted Answer · 2015-08-13 11:13:00Z

3

baz is an array of objects

var obj = {  
    "foo":{  
        "bar":{  
            "baz":[  
                {  
                    "foo bar":"baz",
                    "baz foo":"bar"
                }
            ]
        }
    }
};
var myString = obj.foo.bar.baz[0]['baz foo'];
alert(myString);

Updated
you can use .eval() method.

var obj = {  
    "foo":{  
        "bar":{  
            "baz":[  
                {  
                    "foo bar":"baz",
                    "baz foo":"bar"
                }
            ]
        }
    }
};
var myString = "obj.foo.bar.baz[0]['baz foo']";
alert(eval(myString));

edited Aug 13, 2015 at 11:13

answered Aug 13, 2015 at 11:06

ozil

7,1639 gold badges38 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kiksy Over a year ago

Updated the string to explain more, assume my variable is as above

Ori Drori · Accepted Answer · 2015-08-13 11:47:52Z

2

The problem is with parsing the path of properties, as using split ignores the [] and the "". This regex prop.match(/[^.\[\]'"]+/g) extracts all props (fiddle):

function getProperty(obj, prop) {
    var parts = prop.match(/[^.\[\]'"]+/g),
        i = 0,
        current = parts[0];

    var currentValue = obj;

    while (currentValue[current]) {
        currentValue = currentValue[current];

        current = parts[++i];
    }

    if(i < parts.length) {
        return undefined;
    }

    return currentValue;
}

I'm sure that I didn't get all edge cases, and errors, but that's a good place to start. You should also check lodash _.get, which does exactly that.

answered Aug 13, 2015 at 11:47

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Collectives™ on Stack Overflow

JS get nested property of object with space in name

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related