이 기사는 JavaScript에서 객체 속성별로 배열을 정렬하는 방법을 보여줍니다. 이 가이드에서 제공하는 내용은 다음과 같습니다.
- JavaScript에서 객체 속성별로 배열을 정렬하는 방법
- 예제 1: JavaScript의 Name 속성을 사용하여 알파벳순으로 배열 정렬
- 예제 2: JavaScript의 age 속성을 사용하여 숫자 순서로 배열 정렬
JavaScript에서 객체 속성별로 배열을 정렬하는 방법은 무엇입니까?
그만큼 배열.정렬() 메소드를 사용하면 콜백 함수를 사용하여 배열 요소를 쉽게 정렬할 수 있습니다. 콜백 함수는 배열의 객체 속성을 기반으로 모든 요소를 반복합니다. 이 방법의 목적은 사용자 정의 조건을 충족하여 모든 요소를 계산하는 것입니다. 기본적으로 배열.정렬() 메서드는 기존 배열에 있는 요소의 오름차순 시퀀스를 반환합니다.
통사론
배열.정렬 ( )
메모 : 이 방법은 숫자 및 알파벳 요소를 정렬하는 데 사용됩니다.
예제 1: JavaScript의 Name 속성을 사용하여 알파벳순으로 배열 정렬
JavaScript에서 속성을 통해 배열 값의 정렬을 수행하는 예제가 사용됩니다.
암호
console.log ( 'JavaScript에서 정렬 배열의 예' ) ;
const 교사 = [
{ 이름: '남자' , 나이: 30 } ,
{ 이름: '베드로' , 나이: 27 } ,
{ 이름: '단발' , 나이: 38 }
] ;
교사.정렬 ( ( x와 y ) = > x.name.locale비교 ( y.이름 ) ) ;
console.log ( 교사 ) ;
코드에 대한 설명은 다음과 같습니다.
- 배열 ' 교사 '가 생성됩니다. 이름 그리고 나이 속성이 저장됩니다.
- 방법 ' 로케일비교 '는 비교하기 위해 조정되었습니다. 이름
- 그만큼 종류() 메소드는 '를 호출하는 데 사용됩니다. 로케일 비교() '의 첫 번째 알파벳을 비교하는 방법 이름
- 이 메서드는 현재 배열의 모든 요소를 통해 반복을 수행합니다.
- 마지막으로, console.log() 메서드는 이름 속성의 값을 알파벳 순서로 표시하는 데 사용됩니다.
산출
출력은 다음과 같이 알파벳 순서로 정렬된 배열을 반환합니다. 밥, 존, 그리고 베드로 .
예제 2: JavaScript의 age 속성을 사용하여 숫자 순서로 배열 정렬
JavaScript의 객체 속성을 통해 배열을 정렬하는 또 다른 예가 이어집니다.
암호
console.log ( 'JavaScript에서 정렬 배열의 예' ) ;여기서 objAr = [
{ 이름: '남자' , 나이: 30 } ,
{ 이름: '베드로' , 나이: 27 } ,
{ 이름: '단발' , 나이: 38 }
] ;
산출 =objAr.sort ( cmpage ) ;
기능 cmpage ( 에이, ㄴ )
{
반품 a.나이 - b.나이;
}
console.log ( 산출 ) ;
이 코드에서:
- 배열 객체 가 생성됩니다. 이름 그리고 나이 속성이 저장됩니다.
- 그 후, cmpage 비교하는 데 사용됩니다 나이
- 또한, 종류() 메소드를 호출하는 데 사용됩니다. cmpAge() 비교하는 방법 나이
- 이 방법은 모든 값을 평가합니다. 나이 배열의 속성.
- 결국, console.log() 방법은 age 속성을 오름차순으로 표시하는 데 사용됩니다.
산출
출력은 다음을 사용하여 정렬된 배열을 보여줍니다. 나이 JavaScript의 속성.
결론
JavaScript에서 내장 메소드 배열.정렬() 속성에 액세스하여 배열을 정렬하는 데 사용됩니다. 이 메서드는 콜백 함수를 사용하여 기존 배열의 모든 요소를 통해 반복을 수행합니다. 배열을 정렬하는 두 가지 예가 나와 있습니다. 알파벳순 만큼 잘 수치 주문하다. 따라서 객체의 속성을 기준으로 배열을 정렬하는 방법을 이해해야 합니다. 또한 모든 유명한 브라우저는 다음을 지원합니다. 배열.정렬() 의 방법 자바스크립트 .