개발관련/자바스크립트 팁
자바스크립트 정렬 팁
개발자 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
반응형