[ Javascript ] 정렬 함수 (sort, toSorted, localeCompare)

 

sort

Array.prototype.sort() - JavaScript | MDN

원본 배열을 직접 변경하기 때문에 얕은 복사 후 사용하는 것을 권장한다. [...rowData].sort()

기본적으로 오름차순으로 요소를 정렬한다.

숫자 요소를 정렬할 때는 sort 메서드에 정렬 순서를 정의하는 비교 함수를 인수로 전달해야 한다.

 

🔎 sort 함수 숫자 기본 정렬

const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// Expected output: Array [1, 100000, 21, 30, 4]​

크기 순이 아니라 유니코드 코드 포인트를 따르므로 21보다 10000이 먼저 나온다.
그렇기 때문에 숫자 요소를 정렬할 때는 사칙연산 등의 비교 함수를 인수로 전달한다.

 

---

toSorted

Array.prototype.toSorted() - JavaScript | MDN

요소들을 오름차순으로 정렬한 새로운 배열을 반환한다.

최근(2023.07)에 생긴 함수이기 때문에 오래된 기기나 브라우저에서는 지원하지 않을 수도 있다.

(Node.js v20부터 사용 가능)

 

---

 

localeCompare

String.prototype.localeCompare() - JavaScript | MDN

문자열을 정렬할 때 사용한다.

a.localCompare(b)

a가 b보다 먼저 위치하는 경우 음수, 후에 위치하는 경우 양수, 동등할 경우 0을 반환한다.

 

💥 숫자 형식의 문자열 타입 변수가 인수로 들어오는 경우에는 숫자처럼 비교해주기 위해서는 세 번째 인자로 { numeric: true } 속성을 추가해준다.