javascript - 使用给定数字对 JSON 数组进行分组

Question

我有一组通过 WordPress Ajax 填充的 JSON 数据。

["http://inovar.dev/wp-content/uploads/2016/11/FR991-Eco-Oak-A1.jpg",…]

现在总共有69个项目。我怎么能把它分成每组18个项目。然后像这样包起来:

<div class="slide">
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>
<a class="floor-thumbnail"><img src="/wp-content/uploads/2017/01/BG_2-3.jpg" alt=""/></a>

Answer 1

这样就可以了:

var arr = ["http://inovar.dev/wp-content/uploads/2016/11/FR991-Eco-Oak-A1.jpg",…];

var itemsPerBlock = 18;

var htmlStr = '<div class="slide">'
arr.forEach( function (d, idx) {
    htmlStr += '<a class="floor-thumbnail"><img src="' +
               d.split('inovar.dev')[1] + 
               '" alt=""/></a>';

    if ((idx+1) % itemsPerBlock == 0 ) 
        htmlStr += '</div><div class="slide">';
})

htmlStr += '</div>';

$('body').append(htmlStr); //append this to body