JSFiddle - React, Tailwind, and code Playground
HTML
<script src=" //cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<div></div>
JavaScript
var obj = {
b: 1,
a: 2
};
var sortByKeys = function(obj) {
if (!_.isObject(obj)) {
return obj;
}
var sorted = {};
_.each(_.keys(obj).sort(), function(key) {
sorted[key] = sortByKeys(obj[key]);
});
return sorted;
};
var sortedStringify = function() {
arguments[0] = sortByKeys(arguments[0]);
return JSON.stringify.apply(this, arguments);
};
$(function() {
var $el = $("div");
_.times(2, function(i) {
var prefix = i === 0 ? "var unsorted = " : "var sorted = ";
var text;
if (i === 0) {
text = JSON.stringify(obj, null, 4);
} else {
text = sortedStringify(obj, null, 4);
}
text = prefix + text;
$el.append($("<pre>").text(text));
console.log(text);
});
});