반응형
자바스크립트를 다루면서 배열을 빼놓는건 말이 안되기 때문에, 배열과 관련된 메서드를 확실히 숙지해두는 게 좋다.
그 중 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가 같을 때
})
반응형
'JAVASCRIPT' 카테고리의 다른 글
토글클래스 이벤트 실행 시 innerHTML도 toggle이 될까? (0) | 2020.08.13 |
---|---|
[제이쿼리] fullpage.js 플러그인에서 스크롤시 동영상 자동재생이 멈출때 (5) | 2020.08.10 |
iframe모달 창(새창)에 draggable 드래그엔드랍 기능 넣기 (0) | 2020.07.17 |
array와 string 둘다 쓰이는 메서드 slice() (0) | 2020.07.16 |
자식 iframe 새창 열고닫기 + submit 후 리로드 방법 (1) | 2020.07.08 |