Accessing JSON object keys having spaces

Question

I have following json object:

{ "id": "109",
  "No. of interfaces": "4" }

Following lines work fine:

alert(obj.id);
alert(obj["id"]);

But if keys have spaces then I cannot access their values e.g.

alert(obj."No. of interfaces"); //Syntax error

How can I access values, whose key names have spaces? Is it even possible?

Note that [There's no such thing as a "JSON Object"](http://benalman.com/news/2010/03/theres-no-such-thing-as-a-json/). What you have there is just a plain object. — CertainPerformance, Jan 04 '19 at 01:50

score 229 · Accepted Answer · edited Aug 10 '16 at 18:09

229

The way to do this is via the bracket notation.

var test = {
    "id": "109",
    "No. of interfaces": "4"
}
alert(test["No. of interfaces"]);

For more info read out here:

edited Aug 10 '16 at 18:09

Pardeep Jain

answered Apr 25 '12 at 07:42

Joseph

1

Thank you for referencing the documentation. It is surprising how many answers lack this important detail. – samurai_jane Oct 30 '17 at 10:06
6

What's difference between the question and answer? – Vishal Kumar Sahu Nov 11 '18 at 23:36
1

The answer uses bracket notation `test['No. of interfaces']` instead of dot notation `test."No. of interfaces"`. – benjaki Sep 29 '20 at 12:55
How do you accomplish the same thing when doing object deconstructing? `const { Pricing, Location, data[0]["Product 1"] } = data[0]` << doesn't work `const { Pricing, Location, ["Product 1"] } = data[0]` << doesn't work – Vinn Apr 19 '22 at 04:20

score 9 · Answer 2 · answered Jan 10 '18 at 09:40

The answer of Pardeep Jain can be useful for static data, but what if we have an array in JSON?

For example, we have i values and get the value of id field

alert(obj[i].id); //works!

But what if we need key with spaces?

In this case, the following construction can help (without point between [] blocks):

alert(obj[i]["No. of interfaces"]); //works too!

2 Answers2