728x90
반응형
이번에 사업을 하면서 고객이 요청을 하여 배열을 정리할 일이 생겼다.
근데 며칠전 선임이 sort함수 쓴 게 기억이 나서 갖다 써서 헛수고 하지 않고 해결한 김에 정리해본다.
sort함수
sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. - 출처 : MDN
기본구문
arr.sort([compareFunction])
예제
1. 오름차순 정렬
//샘플배열
var numbers = [4, 2, 5, 1, 3];
//샘플코드
numbers.sort(function(a, b) {
return a - b;
});
2_1. 개체 속성 ( 정수값으로 정렬 )
//샘플배열
var arr = [
{'num' : 1, 'name' : 'bome'},
{'num' : 4, 'name' : 'digimon'},
{'num' : 2, 'name' : 'pokepoke'},
{'num' : 3, 'name' : 'mochi'}
]
//샘플코드
arr.sort(function (a, b) {
if (a.num > b.num) {
return 1;
}
if (a.num < b.num) {
return -1;
}
return 0;
});
2_2. 개체 속성 ( 문자열로 정렬 )
//샘플배열
var arr = [
{'num' : 1, 'name' : 'bome'},
{'num' : 4, 'name' : 'digimon'},
{'num' : 2, 'name' : 'pokepoke'},
{'num' : 3, 'name' : 'mochi'}
]
//샘플코드
arr.sort(function(a, b) {
var nameA = a.name.toUpperCase(); // ignore upper and lowercase
var nameB = b.name.toUpperCase(); // ignore upper and lowercase
if (nameA < nameB) {
return -1;
}
if (nameA > nameB) {
return 1;
}
// 이름이 같을 경우
return 0;
});
참조 블로그 : 개발Story
728x90
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 :: .js파일과 .min.js파일의 차이점 (0) | 2022.07.26 |
---|---|
[JS] javascript에서 XML 형식의 데이터를 JSON 형식으로 변환해보자. ( 순수 javascript 및 라이브러리 활용 ) (0) | 2022.06.27 |
[JS] javascript를 통해 ClassName(클래스명) 추가/삭제/변경/확인 (0) | 2022.05.31 |
[JS] JQuery(제이쿼리) 선택자와 Event.target(이벤트 타겟)을 활용하여 스타일을 변경해보자. (0) | 2022.05.24 |
[javascript] ES6 : import한 모듈을 HTML에서 사용하기 (0) | 2022.05.12 |