JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="results"></ul>
JavaScript
var users = {
562: 'testuser3',
16: 'testuser6',
834: 'testuser1',
823: 'testuser4',
23: 'testuser2',
917: 'testuser5'
};
var userOrder;
if (typeof Object.keys === 'function') {
userOrder = Object.keys(users);
} else {
for (var key in users) {
userOrder.push(key);
}
}
userOrder.sort(function(a, b){
return users[a].localeCompare(users[b]);
});
var results = document.getElementById('results'), listItem;
for (var i = 0, l = userOrder.length; i < l; i++){
listItem = document.createElement('ul');
listItem.appendChild(document.createTextNode(
users[userOrder[i]]
));
results.appendChild(listItem);
}