JSFiddle - React, Tailwind, and code Playground

by karlovac

HTML

<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
<pre id="console">
</pre>

JavaScript

var originalJson = {
  "0":{
    "width":55,
    "offset":152
  },
  "A":{
    "width":66,
    "offset":0
  },
  "B":{
    "width":66,
    "offset":76
  }
};

var sortedJson = _.chain(originalJson)
.map(function (val, key) {
  return { character: key, details: val };
})
.sortBy(function(o) {
  return o.details.offset;
})
.keyBy('character')
.mapValues('details')
.value();

$('#console').append(JSON.stringify(sortedJson,false,2));