如何遍历JavaScript中的列表

Question

Server returns a list of data, and I want to iterate through the list.

Here is how the data is structured (got it from browser debugger):

And the function:

function (token) {
    hub.server.getOnlinePlayers(token).done(function (onlinePlayers) {
        MyData.nextOnlinePlayersToken = onlinePlayers.Token;
        $.each(onlinePlayers.Items, function () {
            var id = this.userId;
        });
    });
}

until this line everything works fine ( Token value is null intentionally):

MyData.nextOnlinePlayersToken = onlinePlayers.Token;

But the next line the debugger shows that onlinePlayers is undefined. What possibly is wrong? Thanks.

Answer 1

I think you are mistaken $.each() and $(selector).each()

$( "li" ).each(function( index ) {
  // here you can access current li element with this.
});

You are trying to get the jQuery object which calls each, but you don't have it. I believe in this case this is the global jQuery object.

You need to pass index and value arguments if you are using the $.each()

$.each(onlinePlayers.Items, function (index, value) {
   var id = value.userId; 
});