javascript for循环如何计算每四项？

Question

我想知道如何在 javascript 中计算 for 循环中的元素，

例如，我有一个包含 12 个值/对象的数组，我想将它们附加到 html 列表中，但我想在每个第一个 <hr> 标记之前和每四个 <br> 之前放置一个。

现在我正在使用:

var buttons = [ {"tag":"adr","color":"#123456"},
           {"tag":"ag","color":"#123456"},
           {"tag":"fax","color":"#123456"},
           {"tag":"ind","color":"#123456"},
           {"tag":"sname","color":"#123456"},
           {"tag":"per","color":"#123456"},
           {"tag":"tel","color":"#123456"},
           {"tag":"url","color":"#123456"},
           {"tag":"url","color":"#123456"},
           {"tag":"weblink","color":"#123456"},
           {"tag":"weblink","color":"#123456"},
           {"tag":"close","color":"#123456"} ];

for (var i = 0; i < buttons.length; i++){
    var tag = buttons[i].tag;
    var color = buttons[i].color;

    $(".list").append("<li>"+ tag + ", " + color +"</li>");
}

它只是将对象中的元素附加到列表中。

可能很难描述我的意图，所以也许最好的方法是将 jsfiddle 链接放在左侧列表是我当前情况的位置，右侧是我想要的样子: http://jsfiddle.net/E6qR7/

到目前为止我还没有找到任何类似的具体例子，最好的方法是什么？我需要以某种方式使用迭代器，在循环中检查他或其他东西

Answer 1

你可以试试这个

if (i && (i % 4 === 0)) {
    $('.list').append('<hr>');
}

DEMO