> 웹 프론트엔드 > JS 튜토리얼 > 키별로 JavaScript 개체를 정렬하는 방법은 무엇입니까?

키별로 JavaScript 개체를 정렬하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-20 06:19:08
원래의
643명이 탐색했습니다.

How to Sort JavaScript Objects by Key?

키별로 JavaScript 개체를 정렬하는 방법

키별로 JavaScript 개체를 정렬하는 것은 데이터를 조작하고 일관성을 보장하는 데 유용한 기술이 될 수 있습니다. JavaScript에서 객체는 기본적으로 순서가 지정되지 않습니다. 즉, 키가 특정 순서로 정렬되지 않습니다. 그러나 객체의 키를 정렬하고 재배열하는 방법이 있습니다.

ES6 사양에는 객체 속성에 액세스하기 위한 보장된 순서를 제공하는 정렬된 속성 반복이 도입되었습니다. Object.keys(object)는 객체의 키 배열을 반환하며 이 배열은 sort() 메서드를 사용하여 정렬할 수 있습니다.

이 정렬을 구현하려면 다음 단계를 따르세요.

  1. Object.keys(object)를 사용하여 객체를 해당 키 배열로 변환합니다.
  2. sort()를 사용하여 배열을 정렬합니다. 메서드.
  3. 새 객체를 생성하고 정렬된 배열을 반복하면서 각 키-값 쌍을 새 객체에 추가합니다. 이렇게 하면 새 개체의 키가 지정된 순서로 정렬됩니다.
const unordered = {
  b: 'foo',
  c: 'bar',
  a: 'baz'
};

console.log(JSON.stringify(unordered)); // → '{"b":"foo","c":"bar","a":"baz"}'

const ordered = Object.keys(unordered).sort().reduce(
  (obj, key) => { 
    obj[key] = unordered[key]; 
    return obj;
  }, 
  {}
);

console.log(JSON.stringify(ordered)); // → '{"a":"baz","b":"foo","c":"bar"}'
로그인 후 복사

이 접근 방식을 사용하면 JavaScript 개체를 키별로 쉽게 정렬하고 새 개체에서 정렬된 키의 순서를 유지할 수 있습니다. 이 기술은 객체 속성을 일관되게 반복해야 하거나 특정 순서로 데이터를 표시해야 하거나 동등성 검사를 위해 객체 키를 비교해야 하는 경우 등 다양한 상황에서 유용할 수 있습니다.

위 내용은 키별로 JavaScript 개체를 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿