JSFiddle - React, Tailwind, and code Playground

by viphalongpro

JavaScript

var my_list = ["XXXS", "XXS", "XS", "S", "M", "L", "XL", "XXL", "XXXL"];
my_json = [
    {
        size: "L",
        color: "black"
    }, {
        size: "M",
        color: "blue"
    }, {
        size: "XXL",
        color: "red"
    }, {
        size: "XXS",
        color: "red"
    }
];

Array.prototype.indexOf = function(e){
    for(var i = 0; i < this.length; i++){
        if(this[i] === e) return i;
    }
    return -1;
};
function sorter(a,b){
    var s1 = my_list.indexOf(a.size);
    var s2 = my_list.indexOf(b.size)
    return s1 > s2 ? 1 : s1 < s2 ? -1 : 0;
}
my_json.sort(sorter);
$("body").append(JSON.stringify(my_json));