JSFiddle - React, Tailwind, and code Playground

HTML

<pre id="container">
</pre>

JavaScript

function sort(object){
    if (typeof object != "object" ) // Not to sort the array
        return object;
    var keys = Object.keys(object);
    keys.sort(function(a,b){
			if (typeof(object[a])!== 'object') { return -1 } else { return 1 }
		});
    if( Object.prototype.toString.call( object ) === '[object Array]' ) {
        var newObject = [];
     } else {
        var newObject = {}; }
    
     for (var i = 0; i < keys.length; i++){
            newObject[keys[i]] = sort(object[keys[i]])
      }
    return newObject;
}



var object = {
    family: [{
                home: {
                    city: 'Madrid'
                },
                name: 'John',
                age: 32
                
             },
             {
                home: {
                    city: 'London'
                },
                name: 'Marie',
                age: 25
             }
        ],
    name: 'Dani',
    age: 33
};
var sortedObject=sort(object);
document.getElementById('container').innerHTML=JSON.stringify(sortedObject, null, '\t');