소개
이 랩에서는 JavaScript 를 사용하여 주어진 속성을 기준으로 객체 배열을 알파벳순으로 정렬하는 방법을 배웁니다. Array.prototype.sort() 메서드와 String.prototype.localeCompare() 메서드를 사용하여 주어진 속성의 값을 비교합니다. 이를 통해 요구 사항에 따라 배열을 오름차순 또는 내림차순으로 쉽게 정렬할 수 있습니다.
This tutorial is from open-source community. Access the source code
이 랩에서는 JavaScript 를 사용하여 주어진 속성을 기준으로 객체 배열을 알파벳순으로 정렬하는 방법을 배웁니다. Array.prototype.sort() 메서드와 String.prototype.localeCompare() 메서드를 사용하여 주어진 속성의 값을 비교합니다. 이를 통해 요구 사항에 따라 배열을 오름차순 또는 내림차순으로 쉽게 정렬할 수 있습니다.
JavaScript 에서 주어진 속성을 기준으로 객체 배열을 알파벳순으로 정렬하려면 다음 단계를 따르세요.
node를 입력하여 코딩 연습을 시작합니다.Array.prototype.sort()를 사용하여 주어진 속성을 기준으로 배열을 정렬합니다.String.prototype.localeCompare()를 사용하여 주어진 속성의 값을 비교합니다.다음은 사용할 수 있는 예시 코드 조각입니다.
const alphabetical = (arr, getter, order = "asc") =>
arr.sort(
order === "desc"
? (a, b) => getter(b).localeCompare(getter(a))
: (a, b) => getter(a).localeCompare(getter(b))
);
객체 배열과 정렬할 속성을 반환하는 getter 함수를 사용하여 alphabetical 함수를 호출할 수 있습니다. 다음은 사용 예시입니다.
const people = [{ name: "John" }, { name: "Adam" }, { name: "Mary" }];
alphabetical(people, (g) => g.name);
// [ { name: 'Adam' }, { name: 'John' }, { name: 'Mary' } ]
alphabetical(people, (g) => g.name, "desc");
// [ { name: 'Mary' }, { name: 'John' }, { name: 'Adam' } ]
축하합니다! 배열 알파벳순 정렬 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 실력을 향상시킬 수 있습니다.