Sort an Associative Array by Its Keys in JavaScript

02/17/2022
Contents
In this article, you will learn how to sort an associative array by its keys in JavaScript.
Sort an associative array by its keys
There are several ways to sort by the key of an associative array, that is, the property name, but this time we will introduce the following method.
- Get the property name list of the object with the Object.keys() function
- Sort the list with the sort() function
- Use the sorted property name list to retrieve the property values in order
Sample Code
Below is sample code to sort by the method introduced above.
const stock = {
orange: 5,
banana: 3,
apple: 10,
grape: 7
};
for(key in stock) {
console.log(`${key} : ${stock[key]}`);
}
// orange: 5
// banana: 3
// apple: 10
// grape: 7
// Sort
keys = Object.keys(stock);
keys.sort();
for(key of keys) {
console.log(`${key} : ${stock[key]}`);
}
// apple : 10
// banana : 3
// grape : 7
// orange : 5