JSFiddle - React, Tailwind, and code Playground

HTML

<pre><code id="res"></code></pre>
<pre><code>control:
a b c
-----
c b d
b a b
b b b
b b b
b b b
d b b
b c b
c d b
a a a
b a a
b b a
b c a
b c a
b c a
x c a</code></pre>

CSS

pre {
    float: left;
    padding: 5px;
    border: 2px solid #000;
    min-width: 80px;
    margin: 5px;
}

JavaScript

[].map||(Array.prototype.map=function(a){for(var b=this,c=b.length,d=[],e=0,f;e<b;)d[e]=e in b?a.call(arguments[1],b[e],e++,b):f;return d})

function dynamicSortMultiple() {
    var props=[];
    for(var i=0; i < arguments.length; i++){
    	var splittedArg=arguments[i].split(/ +/);
    	props[props.length]=[splittedArg[0], (splittedArg[1] ? splittedArg[1].toUpperCase() : "ASC")];
    }
    return function (obj1, obj2) {
        var i = 0, result = 0, numberOfProperties = props.length ;
        while(result === 0 && i < numberOfProperties) {
            result = dynamicSort(props[i][0], props[i][1])(obj1, obj2);
            i++;
        }
        return result;
    }
}

function dynamicSort(property, isAscDesc) { 
    return function (obj1,obj2) {
    	if(isAscDesc==="DESC"){
    		return ((obj1[property] > obj2[property]) ? (-1) : ((obj1[property] < obj2[property]) ? (1) : (0)));
    	}
    	/*else, if isAscDesc==="ASC"*/
    	return ((obj1[property] > obj2[property]) ? (1) : ((obj1[property] < obj2[property]) ? (-1) : (0)));
    }
}

var arr = [
{a:"a",b:"a",c:"a"},
{a:"b",b:"c",c:"b"},
{a:"b",b:"a",c:"a"},
{a:"b",b:"a",c:"b"},
{a:"b",b:"b",c:"a"},
{a:"b",b:"b",c:"b"},
{a:"b",b:"c",c:"a"},
{a:"b",b:"b",c:"b"},
{a:"b",b:"c",c:"a"},
{a:"b",b:"b",c:"b"},
{a:"b",b:"c",c:"a"},
{a:"c",b:"d",c:"b"},
{a:"d",b:"b",c:"b"},
{a:"c",b:"b",c:"d"},
{a:"x",b:"c",c:"a"}];
    
document.getElementById("res").innerText = "result:\na b c\n-----\n" + arr
    .sort(dynamicSortMultiple("c DESC","b","a ASC"))
    .map(function(val, i) {return [val["a"], val["b"], val["c"]].join(" ")})
    .join("\n");