Отобразить первые X-элементы, полученные из json, если нажать кнопку

Question

Я новичок в Javascript, и я хочу создать кнопку для загрузки изображений, моя идея ... Получите данные Json из URL-адреса и сохраните их в js массив .. если нажмет клавишу, показать десять первых изображений, а если нажать еще раз показать следующие десять изображений, это до конца ..

$(document).ready(function(){  
    var a = [""]; 

    $.each(tumblr_api_read.posts, function(i, item) { 
     a[i] += '<li><a href="' + item.url + '"><img src="' + item['photo-url-500'] + '" alt="' + item.slug + '"/></a></li>'; 
    }); 

    $(".portfolio-margin").on("click", ".read-more", function(){ 
     var i, b = ""; 

     for (i = 1; i < 10; ++i) { 
      b += a[i]; 
     } 
     $(".grid").append(b); 
    }); 
}); 

код не закончен, но проблема .. Я не знаю, как загрузить следующие изображения, а вар «б» возвращает «неопределенный» в начале каждого ли: undefined<li></li>undefined<li>..

Answer 1

значение

a[i] += 

считается

a[i] = a[i] + new value 
// ^undefined initially 

Первоначально a[i] всегда будет неопределенным. Таким образом, вы становитесь неопределенным.

Измените эту строку так, как я не вижу причин для конкатенации (+=). Итератор i всегда будет один раз.

a[i] = '<li><a href="' + item.url + '"><img src="' + item['photo-url-500'] + '" alt="' + item.slug + '"/></a></li>'; 
// ^Here