In JavaScript/jQuery, how to retrieve data that has spaces in its name?

Question

I am retrieving JSON using jQuery's getJSON call.

My problem is that some of the fields in the returned JSON have spaces in them.

How do I retrieve these values from the JSON without changing the source data? See line marked "ERROR" below:

$.getJSON(url, null, function(objData) {
  $.each(objData.data, function(i, item) {
    var zip = item.Zip;
    var fname = item.First Name; //ERROR
  });
});

Example JSON:

jsonp123456789({"data":[{"Zip":"12345","First Name":"Bob"},{"Zip":"23456","First Name":"Joe"},{"Zip":"34567","First Name":"Bill"}]})

Thanks

Why is there a space in the JSON name if you want to use it as a Javascript Object? — ChaosPandion
– ChaosPandion, Commented Dec 8, 2009 at 0:05
I know you can do it. The question is why not just use FirstName so you can use the nice clean dot syntax. — ChaosPandion
– ChaosPandion, Commented Dec 8, 2009 at 1:04
In my case, the JSON data is provided by a 3rd party. If I controlled the data, I would probably use FirstName. — frankadelic
– frankadelic, Commented Dec 8, 2009 at 1:11

Justin Johnson · Accepted Answer · 2009-12-07 23:55:24Z

22

Array member access notation works on objects as well.

$.getJSON(url, null, function(objData) {
  $.each(objData.data, function(i, item) {
    var zip = item.Zip;
    var fname = item['First Name'];
  });
});

You can use this for arbitrary strings (those that aren't legal identifiers) as well as variables.

var fieldName = "First Name";
var fname = item[fieldName];

answered Dec 7, 2009 at 23:55

Justin Johnson

31.4k7 gold badges67 silver badges89 bronze badges

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

Comments

AutomatedTester · Accepted Answer · 2009-12-07 23:55:40Z

8

$.getJSON(url, null, function(objData) {
  $.each(objData.data, function(i, item) {
    var zip = item.Zip;
    var fname = item["First Name"]; //Changed this
  });
});

reference the item using as a key instead of dot notation

answered Dec 7, 2009 at 23:55

AutomatedTester

22.5k7 gold badges51 silver badges64 bronze badges

Collectives™ on Stack Overflow

In JavaScript/jQuery, how to retrieve data that has spaces in its name?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related