How to Parse an JS Array?

Question

I have the following information:

The city name, in this case Littelside. This is stored in a variable var city
I have an array of {} objects. Each contains address, city, name, state and zip-code

[{"address":"07288 Albertha Station",**"city":"Littelside"**,"created_at":"2011-05-25T19:24:51Z","id":1,"name":"Mr. Emmitt Emmerich","state":"Missouri","updated_at":"2011-05-25T19:24:51Z","zip":"75475-9938"},{NEXT OBJECT WITH ADDRESS CITY ETC}]

How do you use the var city as a search term to parse the array, and return address, city, state, name and zip of the array with the matching city?

Thanks!

kapa · Accepted Answer · 2011-05-26 19:31:11Z

2

The function you're looking for is $.grep().

var city='Littelside';

var cucc=$.grep(your_array, function (a) {
    return a.city==search;
})[0];

$.grep will still return an array, with all the elements inside that satisify the filter function. Here I've use [0] to get the first result, which is fine in case you're sure that there will be one result. So cucc will have the whole object you're looking for.

jsFiddle Demo

edited May 26, 2011 at 19:31

answered May 26, 2011 at 19:24

kapa

78.9k21 gold badges166 silver badges178 bronze badges

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

Comments

mcgrailm · Accepted Answer · 2011-05-26 19:20:35Z

1

var myarr  =  [{"address":"07288 Albertha Station","city":"Littelside","created_at":"2011-05-25T19:24:51Z","id":1,"name":"Mr. Emmitt Emmerich","state":"Missouri","updated_at":"2011-05-25T19:24:51Z","zip":"75475-9938"}];
var city = 'Littelside';
$.each(myarr,function(key,value){
    if(value['city']== city){
        alert('hello');
    }
})

here's a working demo

answered May 26, 2011 at 19:20

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

2 Comments

mcgrailm Over a year ago

books no... who needs books when you have the internet... I try not to write any native js try to use jquery as much as possible you can find documentation here its been truly more helpful than any book i've read

kapa Over a year ago

@JZ Javascript: The Good Parts from Douglas Crockford is a must :).

Jamie Treworgy · Accepted Answer · 2011-05-26 19:17:21Z

1

A function I use.

function arrayIndexOfProp(arr, prop, obj) {
        var i = arr.length;
        while (i--) {
            if (arr[i] && arr[i][prop] === obj) {
                return i;
            }
        }
        return -1;
    }

var index = arrayIndexOfProp(theArray, "city","Littelside");
// do stuff with theArray[index]

answered May 26, 2011 at 19:17

Jamie Treworgy

24.4k9 gold badges81 silver badges120 bronze badges

1 Comment

Jamie Treworgy Over a year ago

thanks! a tiny bit of cleverness to save a few chars over a for loop :)

Mike Samuel · Accepted Answer · 2011-05-26 19:18:20Z

1

Array.prototype.reduce as in

Array.prototype.reduce(
    function (prev, current) {
      return prev || current.city === "Littelside" ? current : null;
    })

answered May 26, 2011 at 19:18

Mike Samuel

121k30 gold badges230 silver badges255 bronze badges

2 Comments

kapa Over a year ago

Browser support is not really there AFAIK, but still +1.

Mike Samuel Over a year ago

@bazmegakap, You are correct that it is not yet widely supported. The compatibility section (link follows) does have code that you can use to back-port it onto older browsers. developer.mozilla.org/en/JavaScript/Reference/Global_Objects/…

Quentin · Accepted Answer · 2011-05-26 19:15:46Z

-1

Loop over the array until you find one where the_array[i].city matches.

answered May 26, 2011 at 19:15

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

How to Parse an JS Array?

5 Answers 5

Comments

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related