스택큐힙리스트

객체 배열을 속성 값으로 정렬하기 본문

카테고리 없음

객체 배열을 속성 값으로 정렬하기

스택큐힙리스트 2024. 2. 21. 10:08
반응형

나는 AJAX를 사용하여 다음과 같은 객체를 얻었고 배열에 저장했습니다:


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

JavaScript를 사용하여 객체를 price 속성을 기준으로 오름차순 또는 내림차순으로 정렬하는 함수를 어떻게 만들 수 있을까요?

답변 1

가격에 따라 주택을 오름차순으로 정렬:


homes.sort(function(a, b) {
return parseFloat(a.price) - parseFloat(b.price);
});

또는 ES6 버전 이후:


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

일부 문서는 여기에서 찾을 수 있습니다.


내림차순으로 정렬하려면


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

답변 2

객체 배열을 속성 값으로 정렬하는 방법은 매우 유용하며 프로그래밍에서 빈번하게 사용되는 기술 중 하나입니다. 이는 특정 속성을 기준으로 객체들을 정렬하여 필요한 정보에 쉽게 접근할 수 있게 도와줍니다.
JavaScript에서는 객체 배열을 속성 값으로 정렬하는 방법을 쉽게 구현할 수 있습니다. 예를 들어, 다음과 같은 객체 배열이 있다고 가정해 봅시다.
```javascript
const items = [
{ name: 'Apple', price: 10 },
{ name: 'Banana', price: 5 },
{ name: 'Orange', price: 8 }
];
```
만약 우리가 `price` 속성을 기준으로 이 객체 배열을 정렬하고 싶다면, 아래와 같이 사용할 수 있습니다.
```javascript
items.sort((a, b) => a.price - b.price);
```
이렇게 하면 `items` 배열은 `price` 속성 값의 오름차순으로 정렬되어 있을 것입니다. 만약 내림차순으로 정렬하고 싶다면, 다음과 같이 코드를 수정할 수 있습니다.
```javascript
items.sort((a, b) => b.price - a.price);
```
이렇게 하면 `items` 배열은 `price` 속성 값의 내림차순으로 정렬되어 있을 것입니다.
이러한 객체 배열을 속성 값으로 정렬하는 기술은 데이터 정렬에 유용하며, 코드를 더욱 효율적으로 작성할 수 있게 도와줍니다. 이를 통해 웹 개발이나 데이터 처리와 같은 다양한 분야에서 유용하게 활용될 수 있습니다.

반응형
Comments