JavaScript에서 속성 값을 기준으로 개체 배열을 어떻게 정렬합니까?

JavaScript에서 속성 값을 기준으로 개체 배열 정렬

JavaScript는 특정 속성을 기준으로 개체 배열을 정렬하는 우아한 솔루션을 제공합니다. 이 기능은 목록 구성, 개별 요소 가져오기 및 데이터 분석 수행에 필수적입니다.

문제 설명:

AJAX를 통해 객체 배열을 검색했으며 다음을 원합니다. "가격" 속성을 기준으로 정렬합니다. 정렬에서는 오름차순과 내림차순을 모두 허용해야 합니다.

해결책:

오름차순

객체를 정렬하려면 가격이 오름차순으로 다음 JavaScript를 사용하십시오. 기능:

homes.sort((a, b) => parseFloat(a.price) - parseFloat(b.price));

또는 ES6 이상:

homes.sort((a, b) => a.price - b.price);

내림차순

객체를 가격 내림차순으로 정렬하려면 , 사용:

homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));

또는 ES6:

homes.sort((a, b) => b.price - a.price);

문자열 가격을 비교하기 전에 숫자로 구문 분석(parseFloat)해야 한다는 점을 기억하세요.

예:

주어진 배열의 경우 가격을 기준으로 오름차순으로 정렬하면 다음과 같은 결과가 나옵니다.

[
  {
    "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": "5",
    "city": "New York",
    "state": "NY",
    "zip": "00010",
    "price": "962500"
  }
]

그리고 내림차순:

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

이 정렬 기능을 사용하면 JavaScript 애플리케이션에서 유연하고 효율적인 데이터 조작이 가능합니다.

위 내용은 JavaScript에서 속성 값을 기준으로 개체 배열을 어떻게 정렬합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!