jQuery - Search through JSON array

Question

I need to search through JSON data and find every object that contains the "kind" "playlist" and then go through the tracks and pull information which will be put into a hmtl list. The problem is that in some instances (depending on the type of URL) instead of a multidimensional array containing all the objects, the json information is just a singular object.

Below are the two url types.

This is a playlist which contains just one level of information. http://api.soundcloud.com/playlists/1980151.json?client_id=bcc776e7aa65dbc29c40ff21a1a94ecd

This is an array which contains just multiple playlists as objects. http://api.soundcloud.com/users/dubstep/playlists.json?client_id=bcc776e7aa65dbc29c40ff21a1a94ecd

The current code I have is this:

$.getJSON('http://api.soundcloud.com/users/dubstep/playlists.json?client_id=bcc776e7aa65dbc29c40ff21a1a94ecd', { get_param: 'value' }, function(url_data) {
$.each(url_data, function (i, elem) {
    if (elem.kind === 'playlist') {
        $.each(elem.tracks, function (i, elem) {
            console.log(elem.title);
        });
    }
});

});

It only works when dealing with "user" urls where there are multiple playlists.

To sum up what my issue is, I need a way to search through all the levels of an array to find levels with the kind === playlist.

pete · Accepted Answer · 2012-10-02 11:04:43Z

12

This should do what you're looking for.

$.each(json, function (i, elem) {
    if (elem.kind === 'playlist') {
        $.each(elem.tracks, function (i, elem) {
            console.log(elem.title);
        });
    }
});

UPDATE:

This will work with either URL. Also, here's a fiddle with more a more advanced client-side output: http://jsfiddle.net/jTLvE/

var parse = function (json) {
    $.each(json, function (i, elem) {
        if (elem.kind === 'playlist') {
            $.each(elem.tracks, function (i, elem) {
                console.log(elem.title);
            });
        }
    });
},
parseReturnedData = function (json) {
    var isObject = (typeof json === 'object' && json instanceof Object),
        isArray = (typeof json === 'object' && json instanceof Array),
        newArray = [];
    if (isArray) {
        parse(json);
    } else if (isObject) {
        newArray.push(json);
        parse(newArray);
    }
};

edited Oct 2, 2012 at 11:04

answered Oct 1, 2012 at 11:36

pete

25.2k4 gold badges40 silver badges52 bronze badges

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

2 Comments

Keiran Lovett Over a year ago

This works perfectly when I have multiple playlists, perfectly! However if I use api.soundcloud.com/playlists/… it won't work because "TypeError: 'null' is not an object (evaluating 'elem.kind')"

Keiran Lovett Over a year ago

Wow, this went above and beyond the call! This is perfect. Cheers!

user1410117 · Accepted Answer · 2012-10-01 11:15:11Z

0

Have you tried json path? I used it and it's small and fast, especially for searching json trees (for searching and writing I'd use flock though).

answered Oct 1, 2012 at 11:15

user1410117

2 Comments

Keiran Lovett Over a year ago

I'd prefer to not have this code rely on any plugins or requirements aside from jquery as I'd like to use it as a standalone plugin.

user1410117 Over a year ago

I do understand your concerns; should you need to do json lookups I think it's worth checking these libraries out, but of course for a single case it may be an overkill.

chokrijobs · Accepted Answer · 2012-10-01 11:19:58Z

-1

try this code:

var objJson = jQuery.parseJSON(json);
jQuery.each(objJson , function(i, val) {
      alert(val);
    });

answered Oct 1, 2012 at 11:19

chokrijobs

7711 gold badge6 silver badges10 bronze badges

Collectives™ on Stack Overflow

jQuery - Search through JSON array

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related