값을 기준으로 JavaScript 개체 속성을 정렬하려면 어떻게 해야 합니까?

값을 기준으로 개체 속성 정렬

JavaScript의 값을 기준으로 개체 속성을 정렬하는 것은 독창적인 해결 방법을 통해 수행할 수 있습니다. 구현에 따른 객체 속성 순서에 의존하는 대신 객체 속성을 배열로 변환하고, 배열을 정렬하고, 객체를 다시 생성할 수 있습니다.

이를 달성하려면 루프:

let sortable = [];
for (var vehicle in maxSpeed) {
    sortable.push([vehicle, maxSpeed[vehicle]]);
}

배열 형식에서는 정렬 기능을 활용하여 요소를 값별로 정렬할 수 있습니다.

sortable.sort(function(a, b) {
    return a[1] - b[1];
});

이것은 정렬된 순서로 배열을 생성합니다:

// [["bike", 60], ["motorbike", 200], ["car", 300],
// ["helicopter", 400], ["airplane", 1000], ["rocket", 28800]]

정렬된 배열에서 원하는 순서를 유지하면서 객체를 재구성할 수 있습니다.

let objSorted = {}
sortable.forEach(function(item){
    objSorted[item[0]]=item[1]
})

또는 ES8을 사용할 수 있는 경우 다음을 수행할 수 있습니다. Object.entries 및 축소 메소드를 활용하여 객체를 배열로 변환합니다.

const sortable = Object.entries(maxSpeed)
    .sort(([,a],[,b]) => a-b)
    .reduce((r, [k, v]) => ({ ...r, [k]: v }), {});

이 접근 방식은 그대로 유지됩니다. 구현상의 문제로 인한 해결 방법이며 JavaScript의 객체 속성 순서에 의존하는 것을 피해야 합니다.

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