How to Sort an Object by Key or Property Name in JavaScript by Dr. Derek Austin 🥳 https://medium.com/p/a8c07b179901

How to Sort an Object by Key or Property Name in JavaScript.js

const myObj = { Hello: "🌎", Goodnight: "🌛", Hola: "🌮" }
const unsortedMap = new Map(Object.entries(myObj))
console.log(unsortedMap)
// Map(3) {"Hello" => "🌎", "Goodnight" => "🌛", "Hola" => "🌮"}

// Step 1: Turn the Map into an array
const unsortedArray = [...unsortedMap] // same as Array.from

// Step 2: Sort the array with a callback function
const sortedArray = unsortedArray.sort(([key1, value1], [key2, value2]) =>
  key1.localeCompare(key2)
) // Compare to numerically sorting an array with .sort((a, b) => a-b)

// Step 3: Turn the array back into a Map
const sortedMap = new Map(sortedArray)
console.log(sortedMap)
// Map(3) { "Goodnight" => "🌛", "Hello" => "🌎", "Hola" => "🌮"}

const unsortedObjArr = [...Object.entries(myObj)]
const sortedObjArr = unsortedObjArr.sort(([key1, value1], [key2, value2]) =>
  key1.localeCompare(key2)
)
const sortedObject = {}
sortedObjArr.forEach(([key, value]) => (sortedObject[key] = value))
console.log(sortedObject)
// {Goodnight: "🌛", Hello: "🌎", Hola: "🌮"}