为每个 jQuery 分组相同的值

Question

我想做类似 sql groupBy 但在 jQuery each 中。

我的代码：

$.each(allItems, function (i, val) {
    var itemIconURL = val['itemIcon'];
    var itemIcon = 'http://steamcommunity-a.akamaihd.net/economy/image/' + itemIconURL + '/90fx90f';
    str += '<img src="'+ itemIcon +'"/>';
    console.log('key:' +i+ ', value:' + itemIconURL +'');
});

我想做：

如果相同的值只显示其中一个并获得分组的数量。

需要按itemIconURL分组。

Answer 1

随着循环的进行，使用counters 哈希计算itemIconURLs，并且仅在每个itemIconURL 首次出现时创建<img> HTML。

var counters = {},
    str = '';
$.each(allItems, function (i, val) {
    var itemIconURL = val['itemIcon'];
    if(!counters[itemIconURL]) {
        counters[itemIconURL] = 1;
        var itemIcon = 'http://steamcommunity-a.akamaihd.net/economy/image/' + itemIconURL + '/90fx90f';
        str += '<img src="' + itemIcon + '"/>';
        console.log('key:' + i + ', value:' + itemIconURL + '');
    } else {
        counters[itemIconURL] += 1;
    }
});
console.log(counters);

// Now do whatever is necessary with the `counters` hash,
// for example, loop through it
$.each(counters, function(key, value) {
    // do something with `key` and/or `value`
});

编辑

字里行间，我希望你想要这样的东西：

var counters = {},
    str = '';
// First tally up the group counts
$.each(allItems, function (i, val) {
    var itemIconURL = val['itemIcon'];
    if(!counters[itemIconURL]) {
        counters[itemIconURL] = 1;
    } else {
        counters[itemIconURL] += 1;
    }
});
// Now build the HTML
$.each(counters, function(key, value) {
    var itemIcon = 'http://steamcommunity-a.akamaihd.net/economy/image/' + key + '/90fx90f';
    str += '<img src="' + itemIcon + '"/>' + value;
});
$("#someContainer").html(str);