속성 이름을 기준으로 JavaScript 개체를 알파벳순으로 정렬하는 방법은 무엇입니까?

속성 이름별로 JavaScript 개체 정렬 다시 살펴보기

JavaScript에서 개체는 키-값 쌍의 정렬되지 않은 컬렉션입니다. 키로 속성에 액세스하는 동안 키 순서는 중요하지 않으며 보장되지 않습니다. 그러나 속성 이름을 기준으로 개체를 정렬하는 것이 바람직한 시나리오도 있습니다.

정렬 기술

전통적으로 속성 이름을 기준으로 개체를 정렬하려면 다음으로 변환해야 했습니다. 키 배열, 배열을 알파벳순으로 정렬한 다음 객체를 재구성합니다. 이 접근 방식은 루프를 사용하고 임시 배열을 생성하는 것과 관련되어 대형 개체의 성능에 영향을 미칠 수 있습니다.

그러나 ES6에서는 개체가 순서대로 지정되었습니다. 이는 객체의 키를 반복하면 정의된 순서대로 반환된다는 의미입니다. 결과적으로 객체의 키 정렬은 다음과 같이 간단해졌습니다.

<code class="javascript">const sortedObject = Object.fromEntries(
  Object.entries(originalObject).sort(([a], [b]) => a.localeCompare(b))
);</code>

이 예에서 Object.entries()는 객체를 키-값 쌍의 배열로 변환합니다. 그런 다음 sort()는 대소문자를 구분하지 않는 정렬을 위해 localeCompare()를 사용하여 속성 이름을 기준으로 배열을 알파벳순으로 정렬합니다. 마지막으로 Object.fromEntries()는 정렬된 속성 이름으로 객체를 재구성합니다.

참고: ES6 객체는 리터럴 { }를 사용하여 생성되거나 주문한 물건. Object.create(null)을 사용하여 생성된 객체는 여전히 순서가 지정되어 있지 않습니다.

위 내용은 속성 이름을 기준으로 JavaScript 개체를 알파벳순으로 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!