>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 다중 필드 배열을 정렬하는 방법은 무엇입니까?

JavaScript에서 다중 필드 배열을 정렬하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-24 02:18:10502검색

How to Sort a Multi-Field Array in JavaScript?

다중 필드 배열 정렬

이전 질문에서는 단일 필드를 기반으로 한 배열 정렬을 살펴봤습니다. 그러나 실제 시나리오에서는 여러 기준에 따른 정렬이 필요한 경우가 많습니다. 이 문서에서는 다중 필드 정렬에 해당 접근 방식을 적용하는 방법을 보여줍니다.

구체적인 예: 도시 및 가격

도시별로 정렬해야 하는 다음 주택 배열을 고려하세요. (오름차순) 가격(내림차순):

var homes = [
    { "h_id":"3", "city":"Dallas", "state":"TX", "zip":"75201", "price":"162500" },
    { "h_id":"4", "city":"Bevery Hills", "state":"CA", "zip":"90210", "price":"319250" },
    { "h_id":"6", "city":"Dallas", "state":"TX", "zip":"75000", "price":"556699" },
    { "h_id":"5", "city":"New York", "state":"NY", "zip":"00010", "price":"962500" }
];

다중 필드 정렬 접근 방식

여러 필드를 기반으로 정렬하려면 선택한 필드의 값을 찾을 때까지 한 번에 하나씩 비교하는 체인 정렬 접근 방식을 사용할 수 있습니다. 차이.

구현

data.sort(function (a, b) {
    return a.city.localeCompare(b.city) || b.price - a.price;
});

설명

  • localeCompare 메소드를 사용하여 도시 값을 비교합니다. .
  • 도시 값이 동일하면 a에서 b의 가격 값을 사용하여 가격을 내림차순으로 정렬합니다.
  • 결과 배열은 도시별로(오름차순) 정렬된 다음 가격(내림차순)으로 정렬됩니다.

출력

[
  {
    "h_id": "3",
    "city": "Dallas",
    "state": "TX",
    "zip": "75201",
    "price": "162500"
  },
  {
    "h_id": "6",
    "city": "Dallas",
    "state": "TX",
    "zip": "75000",
    "price": "556699"
  },
  {
    "h_id": "4",
    "city": "Bevery Hills",
    "state": "CA",
    "zip": "90210",
    "price": "319250"
  },
  {
    "h_id": "5",
    "city": "New York",
    "state": "NY",
    "zip": "00010",
    "price": "962500"
  }
]

이 접근 방식은 여러 필드의 배열을 정렬하기 위한 유연한 솔루션을 제공합니다. 다양한 정렬 기준을 수용하도록 쉽게 수정할 수 있으므로 다양한 데이터 조작 시나리오에 적합합니다.

위 내용은 JavaScript에서 다중 필드 배열을 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.