개발관련/자바스크립트 팁

자바스크립트 정렬 팁

개발자 Dane 2020. 8. 21. 11:10
반응형

 

매번 정렬 할때 마다 헷갈려서 외우기 편하게 정리 해봅니다.

오름 차순

  • 갈수록 커짐
  • 1 → 2 → 3 → 4
  • a → b → c → d
  • ㄱ → ㄴ → ㄷ

내림 차순

  • 갈수록 작아짐
  • 4 → 3 → 2 → 1
  • d → c → b → a
  • ㄷ → ㄴ → ㄱ

Array.sort()

  • 기본 문자열 정렬 기준
  • 유니코드 오름 차순
const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// expected output: Array [1, 100000, 21, 30, 4]
  • 함수식
Array.sort((a, b) {
  if (a 가 먼저 나온다) {
        // 0 보다 작은 수 
    return -1;
  }
  if (b 가 먼저 나온다) {
        // 0 보다 큰수
    return 1;
  }
  //순서 변경하지 않는다.
  return 0;
})

Number 정렬

오름 차순

Array.sort((a, b) {
    //a가 크면 양수를 반환
    //a - b 는 오름 차순
    return a - b
})

내림 차순

Array.sort((a, b) {
    //b가 크면 양수를 반환
    //b - a 는 내림 차순
    return b - a
})

기타

Array.sort((a, b) {
    return a > b ? `${리턴값}`
})

리턴값 ?

  • 오름 차순 → 1 : -1
  • 내림 차순 → -1 : 1
반응형