Array returns undefined

Question

I've got an array which has some strings inside it. I looped on it:

for(var i = 0; i < channels.length; i++) {
        $.getJSON('https://api.twitch.tv/kraken/streams/' + channels[i] + '?callback?', function(response) {
            console.log(channels[i]);
            console.log(response);
            .........

In the $.getJson line it works.It sends the correct data and get responded also with the correct one, But in console.log(channels[i]); it returns undefined.

score 0 · Accepted Answer · answered May 02 '16 at 11:11

you need a closure:-

for (var i = 0; i < channels.length; i++) {
  
  (function(i) {
    
    $.getJSON('https://api.twitch.tv/kraken/streams/' + channels[i] + '?callback?', function(response) {
      console.log(channels[i]);
      console.log(response);
    });
    
  })(i);
  
}

Array returns undefined

1 Answers1