Let's say I have a following object:
{ "id": "109", "No. of interfaces": "4" } Following works fine for the "id" key:
alert(obj.id); // Works fine! But if keys have spaces, then I cannot access their values using the dot notation e.g.
alert(obj."No. of interfaces"); // Syntax error How can I access values, whose key names have spaces using the dot notation? Is it even possible with the dot notation? Or do I have to use another way?
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:
test['No. of interfaces'] instead of dot notation test."No. of interfaces".
const { Pricing, Location, data[0]["Product 1"] } = data[0] << doesn't work const { Pricing, Location, ["Product 1"] } = data[0] << doesn't work
const { id, "No. of interfaces": numberOfInterfaces } = test; Note how we must assign it a new variable name inline.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! 
test in Pardeep Jain’s answer, this is just adding noise to the topic. What about f()["No. of interfaces"]? What about ((obj)[i])["No. of interfaces"] ? Etc.