Study/JavaScript

[JS] sort

taecongs 2023. 7. 21. 13:30

알고있으면 좋은 Javascript Tip✨


sort()

  • 자바스크립트에서 배열의 요소들을 정렬하기 위해 사용한다.
  • 오름차순 또는 내림차순 으로 정렬할 수 있다.
  • 기본 값은 오름차순이다.
arr.sort([compareFunction])

// compareFunction 함수의 작동 방식은?
compareFunction(a, b)이 0보다 작은 값을 반환하면 a를 b보다 앞에 위치하게 된다.
compareFunction(a, b)이 0을 반환하면 a와 b의 순서는 바뀌지 않는다.
compareFunction(a, b)이 0보다 큰 값을 반환하면 b를 a보다 앞에 위치하게 된다.
  • compareFunction (선택사항) : 정렬 순서를 지정하는 함수이며, 이 함수가 제공되지 않으면 기본적으로 배열의 요소들이 문자열로 변환되어 유니코드 코드 포인트 순서에 따라 정렬된다.
const numbers = [5, 2, 9, 1, 5, 6];

// 예시) (a, b) => a - b (오름차순)
numbers.sort((a, b) => a - b);

// 결과)
[1, 2, 5, 5, 6, 9]


// 예시) (a, b) => b - a (내림 차순)
numbers.sort((a, b) => b - a);

// 결과)
[9, 6, 5, 5, 2, 1]
  • sort() 메서드는 원본 배열을 변경하므로, 원본 배열에 영향을 주지 않으려면 원본 배열을 복사하여 정렬한 후 사용하는 것이 좋다.

'Study > JavaScript' 카테고리의 다른 글

[JS] event.target  (0) 2023.07.26
[JS] clientWidth & clientHeight  (0) 2023.07.26
[JS] find  (0) 2023.07.21
[JS] append & prepend & after & before  (0) 2023.07.21
[JS] createElement  (0) 2023.07.21