abcObj

by levchenko_d

HTML

<div class="before">
  <p>Before</p>
  <pre class="result"></pre>
</div>

<div class="after">
  <p>Afrer</p>
  <pre class="result"></pre>
</div>

JavaScript

function abcObject(obj){
	var o = JSON.stringify(obj).replace(/({|})/gi,'').split(',');

  return JSON.parse('{'+o.sort(function(a, b){
    return a.slice(1, 2) > b.slice(1, 2)
  }).join(',') + '}');
};

function printObject(obj){
	return JSON.stringify(obj).replace(/({|}|,)/gi,'$1<br>').replace(/(})/gim, '<br>$1').replace(/(^")/gim, '&nbsp;$1');
}

var testObj = {
		"postId": 1,
    "id": 4,
    "name": "alias odio sit",
    "email": "[email protected]",
    "body": "non et atque\noccaecati deserunt quas accusantium unde odit nobis qui voluptatem\nquia voluptas consequuntur itaque dolor\net qui rerum deleniti ut occaecati"
};

document.querySelector('.before .result').innerHTML = printObject(testObj);

document.querySelector('.after .result').innerHTML = printObject(abcObject(testObj));