JSFiddle - React, Tailwind, and code Playground

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"
}]
var newMyJson = [];
for (var i = 0; i < my_list.length; i++) {

    var value = my_list[i];
    $.each(my_json, function (i, val) {

        if (value == val.size) {
            newMyJson.push(my_json[i]);
            return;
        }

    });
}

//$("body").append(JSON.stringify(my_json));
$("body").append(JSON.stringify(newMyJson));