JQuery/JavaScript를 사용하여 속성별로 개체 배열을 정렬하는 방법은 무엇입니까?

JQuery/JavaScript를 사용하여 객체 배열 정렬

JavaScript에서는 특정 속성을 기반으로 정렬이 필요한 객체 배열을 접할 수 있습니다. 귀하의 경우 "이름"과 같은 특정 속성을 기준으로 객체 배열을 정렬하려면 다음 단계를 따르세요.

1. 속성 추출: 배열의 각 객체에서 원하는 속성. 귀하의 경우에는 function(object) { return object.name; }.
2. 비교 함수 정의: 두 객체를 가져와 지정된 속성을 비교하는 비교 함수를 구현합니다. "이름"을 기준으로 오름차순으로 정렬하려면 function(a, b) { return a.name.toLowerCase() - b.name.toLowerCase(); }.
3. Array.sort() 사용: 제공된 비교 함수를 매개변수로 사용하여 배열에 sort() 메서드를 적용합니다: array.sort(comparisonFunction);.

예:

다음 개체 배열을 고려하세요.

<code class="javascript">var array = [
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 },
  { id: 3, name: "Carl", value: 5 }
];</code>

배열을 "이름"을 기준으로 오름차순으로 정렬하려면 다음 함수:

<code class="javascript">function SortByName(a, b) {
  var aName = a.name.toLowerCase();
  var bName = b.name.toLowerCase();
  return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
}</code>

다음을 사용하여 정렬을 적용합니다.

<code class="javascript">array.sort(SortByName);</code>

결과 배열은 "이름"을 기준으로 오름차순으로 정렬됩니다.

<code class="javascript">[
  { id: 3, name: "Carl", value: 5 },
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 }
]</code>

중복 질문 관련:

더 많은 관심을 받은 이후 질문과 유사한 것으로 간주되어 해당 질문이 이전에 중복으로 종료된 것으로 보입니다. 하지만 이 질문은 이전에 질문되었으므로 중복으로 표시되어서는 안 됩니다.

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