JSFiddle - React, Tailwind, and code Playground

by Andrew Gerst

HTML

Sort JavaScript Associative Array
<div id="output"></div>

JavaScript

function bySortedValue(obj, callback, context) {
    var tuples = [];
    for (var key in obj) tuples.push([key, obj[key]]);
    tuples.sort(function(a, b) { return a[1] > b[1] ? 1 : a[1] > b[1] ? -1 : 0 });
    var length = tuples.length;
    while (length--) callback.call(context, tuples[length][0], tuples[length][1]);
    console.log(tuples);
}

bySortedValue({
    foo: 1,
    bar: 7,
    baz: 3
}, function(key, value) {
    $("#output").append(key + ": " + value + "<br/>");
});

// bySortedValue(someObj, this.method, this);


function sortArray(obj) {
    var tuples = [];
    for (var key in obj) tuples.push([key, obj[key]]);
    tuples.sort(function(a, b) { return a[1] < b[1] ? 1 : a[1] > b[1] ? -1 : 0 });
    console.log('sortArray',tuples);
}

sortArray({
    foo: 1,
    bar: 7,
    baz: 3
});