> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 이름을 기준으로 개체 배열을 어떻게 정렬합니까?

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

Barbara Streisand
풀어 주다: 2024-11-21 01:07:12
원래의
773명이 탐색했습니다.

How do I sort an array of objects by first name in JavaScript?

JavaScript에서 이름을 기준으로 배열 정렬

JavaScript에서 특정 속성을 기준으로 배열을 정렬하려면 정렬 기능이 필요합니다. 이 코드는 알파벳 순서로 "firstname" 속성을 기준으로 배열을 정렬하는 방법을 보여줍니다.

var userArray = [{
  firstname: "Anna",
  lastname: "Nickson",
  email: "user@example.com"
}, {
  firstname: "Bob",
  lastname: "Smith",
  email: "bob@example.com"
}, {
  firstname: "Carol",
  lastname: "Jones",
  email: "carol@example.com"
}];

// Sort the array by "firstname" using localeCompare
userArray.sort((a, b) => a.firstname.localeCompare(b.firstname));

console.log(userArray); // Output: [{firstname: "Anna", ..., {firstname: "Bob", ..., {firstname: "Carol", ...}
로그인 후 복사

다음은 코드 분석입니다.

  • Array.sort( ) 방법: 이 방법을 사용하면 배열을 정렬할 수 있습니다. 정렬 함수를 인자로 받습니다.
  • 정렬 함수 (a, b) => a.firstname.localeCompare(b.firstname):

    • 화살표 함수는 두 개체 a와 b를 비교하고 a.firstname이 b.firstname보다 작으면 음수 값을 반환합니다. a.firstname이 더 크면 양수 값이고, 같으면 0입니다.
    • localeCompare()는 현재 로케일을 사용하여 두 문자열을 비교하는 문자열 메서드입니다. 다양한 로케일에 대한 올바른 정렬 순서를 보장합니다.
  • 배열 정렬: 정렬 방법은 배열의 각 요소 쌍에 정렬 기능을 적용하여 효과적으로 정렬합니다. "firstname"을 알파벳순으로 배열합니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿