📚 Array.prototype.sort() 특징

⭐️ 배열 자체가 변경되니 주의하자!

let arr = ['a', 'c', 'd', 'e', 'b'];
arr.sort();
console.log(arr); // ['a', 'b', 'c', 'd', 'e']

문자열 정렬 시, 알파벳 순서대로 배열 정렬이 잘 된다

let arr = [27, 8, 5, 13];
arr.sort();
console.log(arr); // [13, 27, 5, 8]

정렬할 때 요소를 문자열로 취급하기 때문에 각 요소 맨 앞의 숫자를 기준으로 정렬이 된다
하지만 이건 우리가 원하는 정렬 결과가 아니다 🥲

이 때 필요한건 sort() 인수로 정렬 로직을 담은 함수를 받는다

let arr = [27, 8, 5, 13];
arr.sort((a, b) => {
  return a - b;
});
console.log(arr); // [5, 8, 13, 17]

compareFunction

compareFunction 이 제공되면 배열 요소는 compare 함수의 반환 값에 따라 정렬한다.
a와 b가 비교되는 두 요소라면

• compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬한다.
• compareFunction(a, b)이 0을 반환하면 a와 b를 서로에 대해 변경하지 않고 모든 다른 요소에 대해 정렬한다.
• compareFunction(a, b)이 0보다 큰 경우 b를 a보다 낮은 인덱스로 정렬한다.

따라서 compare 함수의 형식은 아래와 같다.

function compare(a, b){
  if (a가 b보다 작을 경우) {
    return -1; // 0보다 작은 경우, a를 b보다 낮은 인덱스로 정렬
  }
  if (a가 b보다 클 경우) {
    return 1; // 0보다 큰 경우, b를 a보다 낮은 인덱스로 정렬
  }
  if (a와 b가 동일할 경우) {
    return 0;
  }

let arr = [27, 8, 5, 13];
arr.sort((a, b) => {
console.log(a, b);
return a - b;
});
console.log(arr); // [5, 8, 13, 27]

• a = 8 b = 27인 경우, 8 - 27 < 0 이기 때문에 8를 27 보다 낮은 인덱스로 정렬 [8, 27, 5, 13]
• a = 5 b = 8인 경우, 5 - 8 < 0 이기 때문에 5를 8보다 낮은 인덱스로 정렬 [5, 8, 27, 13]
• a = 13 b = 5인 경우, 13 - 5 > 0 이기 때문에 5를 13보다 낮은 인덱스로 정렬하지만 이미 그렇게 정렬되어 있어서 패스 [5, 8, 27, 13]
• a = 13 b = 8인 경우, 13 - 8 > 0 이기 때문에 8를 13보다 낮은 인덱스로 정렬하지만 이미 그렇게 정렬되어 있어서 패스 [5, 8, 27, 13]
• a = 13 b = 27인 경우, 13 - 27 < 0 이기 때문에 13을 27보다 낮은 인덱스로 정렬 [5, 8, 13, 27]