[javascript] 객체의 속성을 정렬하는 방법

자바스크립트에서 객체의 속성을 정렬하는 것은 기본적으로 지원되지 않습니다. 그러나 ES6 이후에는 속성을 정렬하는 방법이 추가되었습니다. 다음은 객체의 속성을 알파벳순으로 정렬하는 방법입니다.

const unsortedObj = { d: 4, b: 2, c: 3, a: 1 };

const sortedObj = Object.keys(unsortedObj)
  .sort()
  .reduce((obj, key) => {
    obj[key] = unsortedObj[key];
    return obj;
  }, {});
  
console.log(sortedObj); // { a: 1, b: 2, c: 3, d: 4 }

위의 예제에서, Object.keys()를 사용하여 객체의 속성을 배열로 변환한 후 sort()를 사용하여 속성들을 정렬합니다. 그리고 reduce()를 사용하여 정렬된 속성들을 새로운 객체에 할당합니다.

이제 위 코드를 실행하면 객체의 속성들이 알파벳순으로 정렬된 것을 확인할 수 있습니다.

이와 같은 방식으로 객체의 속성을 정렬할 수 있습니다.

참고문헌: MDN web docs - Object.keys(), MDN web docs - Array.prototype.sort(), MDN web docs - Array.prototype.reduce()