Javascript：使用特定鍵將JSON對象分組

Question

我有以下JSON對象，並希望通過OrderID合並它們，從而使項目成為對象數組：

[
  {
    "OrderID":"999123",
    "ItemCode":"TED-072",
    "ItemQuantity":"1",
    "ItemPrice":"74.95",
  },
  {
    "OrderID":"999123",
    "ItemCode":"DY-FBBO",
    "ItemQuantity":"2",
    "ItemName":"DOIY Foosball Bottle Opener > Red",
    "ItemPrice":"34.95",
  }
]

而且我想知道如何在Javascript中以相同順序合並項目...就像這樣：

[{
    "OrderID": "999123",
        "Items": [{
        "ItemCode": "DY-FBBO",
            "ItemQuantity": "2",
            "ItemName": "DOIY Foosball Bottle Opener > Red",
            "ItemPrice": "34.95"
    }, {
        "ItemCode": "TED-072",
            "ItemQuantity": "1",
            "ItemName": "Ted Baker Womens Manicure Set",
            "ItemPrice": "74.95"
    }]
}]

Answer 1

我建議您使用諸如underscorejs / lazyjs / lodash之類的javascript庫來解決此類問題。

這是使用underscorejs的示例：

var data = [{
    "OrderID":"999123",
    "ItemCode":"TED-072",
    "ItemQuantity":"1",
    "ItemPrice":"74.95",
}, {
    "OrderID":"999123",
    "ItemCode":"DY-FBBO",
    "ItemQuantity":"2",
    "ItemName":"DOIY Foosball Bottle Opener > Red",
    "ItemPrice":"34.95",
}]

var result = _.chain(data).groupBy(function (e) {
    return e.OrderID;
}).map(function (val, key) {
    return {
        OrderID: key,
        Items: _.map(val, function (eachItem) {
            delete eachItem.OrderID;
            return eachItem;
        })
    };
}).value();

工作示例：

 var data = [{ "OrderID":"999123", "ItemCode":"TED-072", "ItemQuantity":"1", "ItemPrice":"74.95", }, { "OrderID":"999123", "ItemCode":"DY-FBBO", "ItemQuantity":"2", "ItemName":"DOIY Foosball Bottle Opener > Red", "ItemPrice":"34.95", }]; var result = _.chain(data).groupBy(function (e) { return e.OrderID; }).map(function (val, key) { return { OrderID: key, Items: _.map(val, function (eachItem) { delete eachItem.OrderID; return eachItem; }) }; }).value(); document.write(JSON.stringify(result)); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> 

Answer 2

Lodash是一個很棒的Javascript Utility庫，在這種情況下可以為您提供幫助。 在代碼中包含lodash的最新版本，並按以下方式對對象進行分組：

var mergedOrders = _.groupBy(OriginalOrders, 'OrderID');

Answer 3

似乎您必須為每個條目執行一個函數，以檢查它是否匹配

嘗試這個 ：

    // your array is oldArr
var newArr = []
for (var i=0;i<oldArr.length;i++){
    var found = false;
    for(var j=0;j<newArr.length;j++){
        if(oldArr[i]["OrderID"]==newArr[j]["OrderID"]){
            newArr[j]["Items"].push(oldArr[i]);
            found=true;
            break;
    }
    if(!found){
        newArr.push({"OrderID" : oldArr[i]["OrderID"], "Items" : oldArr[i]});
    }
}

Answer 4

這應該做您想要的事情，但是它是一個組函數而不是合並函數:)

您可以在瀏覽器控制台中查看結果。

 var items = [ { "OrderID":"999123", "ItemCode":"TED-072", "ItemQuantity":"1", "ItemPrice":"74.95", }, { "OrderID":"999123", "ItemCode":"DY-FBBO", "ItemQuantity":"2", "ItemName":"DOIY Foosball Bottle Opener > Red", "ItemPrice":"34.95", } ]; function groupBy(ungrouped, groupByProperty) { var result = [], getGroup = function (arr, val, groupByProperty) { var result, j, jlen; for (j = 0, jlen = arr.length; j < jlen; j++) { if (arr[j][groupByProperty] === val) { result = arr[j]; break; } } if (!result) { result = {}; result.items = []; result[groupByProperty] = val; arr.push(result); } return result; }, i, len, item; for (i = 0, len = ungrouped.length; i < len; i++) { item = getGroup(result, ungrouped[i][groupByProperty], groupByProperty); delete ungrouped[i][groupByProperty]; item.items.push(ungrouped[i]); } return result; } var grouped = groupBy(items, 'OrderID'); document.getElementById('result').innerHTML = JSON.stringify(grouped); console.log(grouped); 

 <div id="result"></div> 

Answer 5

您需要根據需要循環並創建新的分組對象。

為了更簡單的方法，我建議使用jquery-linq

var qOrderIds = $.Enumerable.From(myArray).Select(function(item) { return item.OrderID; }).Distinct();
var groupedList = qOrderIds.Select(function(orderId) { 
    return { 
         OrderID: orderId, 
         Items : $.Enumerable.From(myArray).Where(function(item) { item.OrderID === orderId}).ToArray()
    };
}).ToArray();

Answer 6

感謝您的所有答復。

我能夠實現自己的目標（也許有點骯臟，不如您的美麗，但最終成功了）。 希望這會在將來對其他人有所幫助：

function processJsonObj2(dataObj, cfg) {
var retVal = dataObj.reduce(function(x, y, i, array) {

    if (x[cfg.colOrderId] === y[cfg.colOrderId]) {

        var orderId = x[cfg.colOrderId];
        var addressee = x[cfg.colAddressee];
        var company = x[cfg.colCompany];
        var addr1 = x[cfg.colAddress1];
        var addr2 = x[cfg.colAddress2];
        var suburb = x[cfg.colSuburb];
        var state = x[cfg.colState];
        var postcode = x[cfg.colPostcode];
        var country = x[cfg.colCountry];
        var orderMsg = x[cfg.colOrderMessage];
        var carrier = x[cfg.colCarrier];

        delete x[cfg.colOrderId];
        delete y[cfg.colOrderId];
        delete x[cfg.colAddressee];
        delete y[cfg.colAddressee];
        delete x[cfg.colCompany];
        delete y[cfg.colCompany];
        delete x[cfg.colAddress1];
        delete y[cfg.colAddress1];
        delete x[cfg.colAddress2];
        delete y[cfg.colAddress2];
        delete x[cfg.colSuburb];
        delete y[cfg.colSuburb];
        delete x[cfg.colState];
        delete y[cfg.colState];
        delete x[cfg.colPostcode];
        delete y[cfg.colPostcode];
        delete x[cfg.colCountry];
        delete y[cfg.colCountry];
        delete x[cfg.colOrderMessage];
        delete y[cfg.colOrderMessage];
        delete x[cfg.colCarrier];
        delete y[cfg.colCarrier];

        var orderObj = {};
        orderObj[cfg.colOrderId] = orderId;
        orderObj[cfg.colAddressee] = addressee;
        orderObj[cfg.colCompany] = company;
        orderObj[cfg.colAddress1] = addr1;
        orderObj[cfg.colAddress2] = addr2;
        orderObj[cfg.colSuburb] = suburb;
        orderObj[cfg.colState] = state;
        orderObj[cfg.colPostcode] = postcode;
        orderObj[cfg.colCountry] = country;
        orderObj[cfg.colOrderMessage] = orderMsg;
        orderObj[cfg.colCarrier] = carrier;
        orderObj["Items"] = [ x, y ];

        return orderObj;

    } else {
        var orderId = x[cfg.colOrderId];
        var addressee = x[cfg.colAddressee];
        var company = x[cfg.colCompany];
        var addr1 = x[cfg.colAddress1];
        var addr2 = x[cfg.colAddress2];
        var suburb = x[cfg.colSuburb];
        var state = x[cfg.colState];
        var postcode = x[cfg.colPostcode];
        var country = x[cfg.colCountry];
        var orderMsg = x[cfg.colOrderMessage];
        var carrier = x[cfg.colCarrier];

        var itemCode = x[cfg.colItemCode];
        var itemQuantity = x[cfg.colItemQuantity];
        var itemName = x[cfg.colItemName];
        var itemPrice = x[cfg.colitemPrice];

        var item = {};
        item[cfg.colItemCode] = itemCode;
        item[cfg.colItemQuantity] = itemQuantity;
        item[cfg.colItemName] = itemName;
        item[cfg.colItemPrice] = itemPrice;

        var orderObj = {};
        orderObj[cfg.colOrderId] = orderId;
        orderObj[cfg.colAddressee] = addressee;
        orderObj[cfg.colCompany] = company;
        orderObj[cfg.colAddress1] = addr1;
        orderObj[cfg.colAddress2] = addr2;
        orderObj[cfg.colSuburb] = suburb;
        orderObj[cfg.colState] = state;
        orderObj[cfg.colPostcode] = postcode;
        orderObj[cfg.colCountry] = country;
        orderObj[cfg.colOrderMessage] = orderMsg;
        orderObj[cfg.colCarrier] = carrier;
        orderObj["Items"] = [ item ];

        return orderObj;
    }

});

return retVal;

}