<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
How to Sort/Order keys
in JavaScript objects ?
</
title
>
<
style
>
body {
text-align: center;
}
h1 {
color: green;
}
#geeks {
font-size: 20px;
font-weight: bold;
}
</
style
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
b
>
Click on the button to sort
the Object on Keys.
<
br
>
<
pre
>Object = {
CSS: '1',
JavaScript: '2',
HTML: '3',
Python: '4'
}
</
pre
>
</
b
>
<
button
onclick
=
"gfg_Run()"
>
Click Here
</
button
>
<
p
id
=
"geeks"
></
p
>
<
script
>
var el_down = document.getElementById("geeks");
var GFG_Object = {
CSS: '1',
JavaScript: '2',
HTML: '3',
Python: '4'
};
// Sorted keys are obtained in 'key' array
function sortKeys(obj_1) {
var key = Object.keys(obj_1)
.sort(function order(key1, key2) {
if (key1 <
key2
) return -1;
else if (key1 > key2) return +1;
else return 0;
});
// Taking the object in 'temp' object
// and deleting the original object.
var temp = {};
for (var i = 0; i <
key.length
; i++) {
temp[key[i]] = obj_1[key[i]];
delete obj_1[key[i]];
}
// Copying the object from 'temp' to
// 'original object'.
for (var
i
=
0
; i < key.length; i++) {
obj_1[key[i]] = temp[key[i]];
}
return obj_1;
}
function gfg_Run() {
el_down.innerHTML
=
JSON
.stringify(sortKeys(GFG_Object));
}
</script>
</
body
>
</
html
>