본문 바로가기

JAVASCRIPT

자바스크립트 배열 메서드 sort() 개념 완전 정리

반응형

자바스크립트를 다루면서 배열을 빼놓는건 말이 안되기 때문에, 배열과 관련된 메서드를 확실히 숙지해두는 게 좋다.

 

그 중 sort 메서드는 핵심중의 핵심이니까 제대로 정리해두자.

 

배열.sort()

 

보통 위와같은 식으로 작성되며, 괄호 안에 아무런 파라미터도 넣지 않으면

오름차순으로 정렬시키는 기본적인 성질이 있다.

 

숫자 정렬시 0부터 순서대로, 영문자는 a부터 순서대로 나오는데

숫자는 아스키 코드대로 정렬된다

let num = [1, 4, 10, 222, 5, 31];

num.sort();

console.log(num) // 1, 10, 222, 31, 4, 5

 

아스키 코드가 아닌 1, 4, 5, 10, 31, 222 순으로 정렬하고 싶다면

sort((a, b) => a - b)

로 작성하는 것이 좋다.

 

 

반대로 내림차순으로 정렬할 때는,

배열.sort((a, b) => b-a)

 

 

이 식은 문자열을 정렬시킬 수도 있는데, -1과 1을 반환해 우선순위를 바꾼다.

 

sort((a, b) => a < b ? -1 : 1)

(※ 인자 a, b가 있을 때 a가 b보다 작으면 -1(뒤로 가), 크면 1(앞으로 가))

 

보통 기본식

let arr = ['jimin', 'rapmon', 'kooki', 'suga' ,'hope',]

arr.sort((a, b) => {

  if( a < b ) {

    return -1;

  }

  if( a > b ){

  return 1;

  }

  return 0;  // a와 b가 같을 때

})

 

 

 

 

반응형