Need to create javascript array from json

Question

I need help converting this json string to a javascript array.

I've tried things like this:

var cityState = $.map(source, function (value) { return value; });

where "source" is the result of this ajax call:

$.ajax({
    url: 'http://localhost:49858/Default.aspx/getstuff',
    dataType: 'json',
    type: "POST",
    data: "{}",
    contentType: "application/json; charset=utf-8"
}).done(function (source) { ...

but it's just not working correctly.

 {"query": "Unit","suggestions":[{"value":"FAIRFIELD, CONNECTICUT","data":"FAIRFIELD, CONNECTICUT"},{"value":"LONG BEACH, CALIFORNIA","data":"LONG BEACH, CALIFORNIA"},{"value":"NEW YORK, NEW YORK","data":"NEW YORK, NEW YORK"},{"value":"HONOLULU, HAWAII","data":"HONOLULU, HAWAII"},{"value":"KANSAS CITY, MISSOURI","data":"KANSAS CITY, MISSOURI"},{"value":"SAN JOSE, CALIFORNIA","data":"SAN JOSE, CALIFORNIA"},{"value":"SOUTH LAKE TAHOE, CALIFORNIA","data":"SOUTH LAKE TAHOE, CALIFORNIA"},{"value":"LAKE DALLAS, TEXAS","data":"LAKE DALLAS, TEXAS"},{"value":"BROOMFIELD, COLORADO","data":"BROOMFIELD, COLORADO"},{"value":"BROOMFIELD, COLORADO","data":"BROOMFIELD, COLORADO"}]}

Screenshot of console.log(source) shows: enter image description here

From javascript - I'd expect to do something like source.suggestions but it's not allowing me to do so. — Induster
– Induster, Commented Feb 28, 2013 at 20:43
Trying to get an array - ["first", "second", "third", "etc"] — Induster
– Induster, Commented Feb 28, 2013 at 20:44
In dystroy's answer below I am asking if that object needs to be cast to a specific type before I can reference it. — Induster
– Induster, Commented Feb 28, 2013 at 20:52

Denys Séguret · Accepted Answer · 2013-02-28 21:09:58Z

2

This is a strange object you get. It looks like you encoded some object as JSON, set it as value of the property of an object, and then encoded it again.

If you want to get an array of all value of your suggestions array, then you may do

var values = $.map(JSON.parse(source.d).suggestions, function(v){ return v.value });

edited Feb 28, 2013 at 21:09

answered Feb 28, 2013 at 20:44

Denys Séguret

384k90 gold badges813 silver badges779 bronze badges

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

6 Comments

Induster Over a year ago

alert(source); tells me it's an [object]. but alert(source.suggestions); just breaks things. I'm confused on how to reference "suggestions". perhaps I need to cast "source" to a specific type?

Denys Séguret Over a year ago

To know what's in your object do for (var key in source) console.log(key, source[key]) and look at the console.

Induster Over a year ago

Thanks - the console shows it prepends a "d" to the front. d {"query": "Unit",...

Denys Séguret Over a year ago

That's strange : that can't be a valid object. Can you screenshot what you get when you do console.log(source) ?

Denys Séguret Over a year ago

In fact that's the opposite : you have to parse source.d from a JSON string into a javascript object.

|

Collectives™ on Stack Overflow

Need to create javascript array from json

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related