JSON-Daten basierend auf einem anderen Array sortieren

Question

Ich habe ein JSON-Array und ein anderes Array für die Sortierreihenfolge. Jetzt möchte ich das JSON-Array nach der Art Array-Elemente sortieren.

var checkedIds =["2","1","4"];//sort order array 

    //json array 
    var jsonData1= { 
     "ProductImages": [ 
        { "checkBoxField": false, "itemId": 1, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 2, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 3, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 4, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 5, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 6, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 7, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 8,"rateValue":"$34" } 
     ] 
    }; 

Ausgabe sollte

var jsonData1= { 
     "ProductImages": [ 
        { "checkBoxField": true, "itemId": 2, "rateValue":"$34" }, 
        { "checkBoxField": true, "itemId": 1, "rateValue":"$34" }, 
        { "checkBoxField": true, "itemId": 4, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 3, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 5, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 6, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 7, "rateValue":"$34" }, 
        { "checkBoxField": false, "itemId": 8,"rateValue":"$34" } 
     ] 
    }; 

Answer 1

Es scheint, dass Sie eine Art selection sort mit dem Unterschied, wollen, dass stattdessen für einen Minimalwert von suchen, sind Sie für den nächsten Wert in der Liste suchen.

Answer 2

Sie können eine Hash-Tabelle für die Bestellung und einen Standardwert verwenden, groß genug, um nicht priorisierte Werte an das Ende zu verschieben.

var checkedIds = ["2", "1", "4"], 
 
    jsonData1 = { "ProductImages": [{ "checkBoxField": false, "itemId": 1, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 2, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 3, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 4, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 5, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 6, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 7, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 8, "rateValue": "$34" }] }; 
 

 
jsonData1.ProductImages.sort(function (hash) { 
 
    checkedIds.forEach(function (a, i) { 
 
     hash[a] = i + 1; 
 
    }); 
 
    return function (a, b) { 
 
     return (hash[a.itemId] || Infinity) - (hash[b.itemId] || Infinity); 
 
    }; 
 
}(Object.create(null))); 
 

 
console.log(jsonData1);

Version mit checkBoxField und Kurzschlüsse zu aktualisieren.

var checkedIds = ["2", "1", "4"], 
 
    jsonData1 = { "ProductImages": [{ "checkBoxField": false, "itemId": 1, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 2, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 3, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 4, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 5, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 6, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 7, "rateValue": "$34" }, { "checkBoxField": false, "itemId": 8, "rateValue": "$34" }] }, 
 
    hash = Object.create(null); 
 

 
checkedIds.forEach(function (a, i) { 
 
    hash[a] = i + 1; 
 
}); 
 

 
jsonData1.ProductImages.some(function (a, i) { 
 
    if (a.itemId in hash) { 
 
     a.checkBoxField = true; 
 
     return !--this.count; 
 
    } 
 
}, { count: checkedIds.length }); 
 

 
jsonData1.ProductImages.sort(function (a, b) { 
 
    return (hash[a.itemId] || Infinity) - (hash[b.itemId] || Infinity); 
 
}); 
 

 
console.log(jsonData1);

Answer 3

können Sie eine benutzerdefinierte haben Art basierend auf berechneten Rang:

JSFiddle.

var checkedIds = ["2", "1", "4"]; //sort order array 
 

 
//json array 
 
var jsonData1={ProductImages:[{checkBoxField:!1,itemId:1,rateValue:"$34"},{checkBoxField:!1,itemId:2,rateValue:"$34"},{checkBoxField:!1,itemId:3,rateValue:"$34"},{checkBoxField:!1,itemId:4,rateValue:"$34"},{checkBoxField:!1,itemId:5,rateValue:"$34"},{checkBoxField:!1,itemId:6,rateValue:"$34"},{checkBoxField:!1,itemId:7,rateValue:"$34"},{checkBoxField:!1,itemId:8,rateValue:"$34"}]}; 
 

 
function getRank(item){ 
 
    var index = checkedIds.indexOf(item.itemId.toString()); 
 
    var rank = 1; 
 
    if (index>-1){ 
 
    rank *= (checkedIds.length - index) * -1; 
 
    } 
 
    return rank; 
 
} 
 

 
jsonData1.ProductImages.sort(function(a,b){ 
 
    var r1 = getRank(a); 
 
    var r2 = getRank(b); 
 
    return r1>r2 ? 1 : r1<r2 ?-1: 0; 
 
}) 
 

 
document.getElementById("result").innerHTML = JSON.stringify(jsonData1.ProductImages.map(function(a){return a.itemId}));

<pre id="result"></pre>

Answer 4

Die Idee ist, eine eigene Vergleichsfunktion für die Sortierfunktion in JS zu schreiben: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

In dieser Funktion vergleichen Sie auch direkt den "checkBoxField" Wert einstellen. (Könnte nicht der effizienteste Weg sein)

Dies ist ein Beispiel für Ihr Problem:

var checkedIds =[2,1,4];//sort order array 

    //json array 
var jsonData1= { 
    "ProductImages": [ 
    { "checkBoxField": false, "itemId": 1, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 2, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 3, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 4, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 5, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 6, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 7, "rateValue":"$34" }, 
    { "checkBoxField": false, "itemId": 8,"rateValue":"$34" } 
    ] 
}; 

var arr = jsonData1["ProductImages"] 
arr.sort(function compare(a, b) { 
    if (checkedIds.indexOf(a["itemId"]) >= 0) { 
    a["checkBoxField"] = true; 
    } 
    if (checkedIds.indexOf(b["itemId"]) >= 0) { 
    b["checkBoxField"] = true; 
    } 
    if (checkedIds.indexOf(a["itemId"]) >= 0 && checkedIds.indexOf(b["itemId"]) < 0) { 
     return -1; 
    } 
    if (checkedIds.indexOf(b["itemId"]) >= 0 && checkedIds.indexOf(a["itemId"]) < 0) { 
     return 1; 
    } 
    return checkedIds.indexOf(a["itemId"])-checkedIds.indexOf(b["itemId"]); 
}); 

console.log(arr); 

Wie in einem Kommentar erwähnt, sollten Sie ganze Zahlen verwenden in Ihrem checkedIds Array.

https://jsfiddle.net/yxq0xL6L/1/

Answer 5

Dies ist eine langweilige, nicht klug, aber leicht zu verstehen, iterative Lösung:

var sortMe = function(ids, data) { 
 
    var i,j,ret = []; 
 

 
    // first get the items with matched ids: 
 
    for (i=0; i<ids.length;i++) { 
 
    for (j=0; j<data.length; j++) { 
 
     if (data[j].itemId == ids[i]) { 
 
     ret.push(data[j]); 
 
     } 
 
    } 
 
    } 
 
    // now get everything else (in its original order): 
 
    for (i=0; i<data.length; i++) { 
 
    // note: ids[] contains strings, so need to add "" to each data.itemId: 
 
    if (ids.indexOf(data[i].itemId+"") == -1) { 
 
     ret.push(data[i]); 
 
    } 
 
    } 
 
    return ret; 
 
}; 
 

 
var checkedIds = ["2", "1", "4"]; //sort order array 
 
var jsonData1 = { 
 
    "ProductImages": [{ 
 
    "checkBoxField": false, 
 
    "itemId": 1, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 2, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 3, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 4, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 5, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 6, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 7, 
 
    "rateValue": "$34" 
 
    }, { 
 
    "checkBoxField": false, 
 
    "itemId": 8, 
 
    "rateValue": "$34" 
 
    }] 
 
}; 
 

 
var foo = sortMe(checkedIds, jsonData1.ProductImages); 
 
console.log(foo);