JSFiddle - React, Tailwind, and code Playground
HTML
<div id="output"></div>
JavaScript
var myArray = [
{ id: 'a', sex: '4', city: 'Spain' },
{ id: 'a', sex: '1', city: 'Paris' },
{ id: 'z', sex: '5', city: 'London' },
{ id: 'z', sex: '4', city: 'Rome' },
{ id: 'b', sex: '9', city: 'Italy' },
];
function SortByName(a, b){
var aName = a.id;
var bName = b.id;
return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
}
myArray.sort(SortByName);
for(i=0;i<5;i++){
$('#output').append(
'<div>' + myArray[i].id + ' ' + myArray[i].sex + '</div>'
);
}