반응형
자바 스크립트 배열의 내장 함수에는 정렬을 위한 sort() 함수가 있습니다.
문자, 숫자, Object 정렬 방법들입니다.
1. 문자 정렬
var arr = ["bbb", "ddd", "aaa", "ccc"];
arr.sort();
일반적인 정렬 방법입니다.
아스키코드 문자 순서로 정렬됩니다.
2. 숫자 정렬
var arr = [1, 111, 4, 222, 10, 3];
arr.sort();
위 문자 정렬과 동일한 방법으로 정렬하게 되면
아스키코드 순으로 정렬되어 숫자의 크기대로 정렬되지 않습니다.
var arr = [1, 111, 4, 222, 10, 3];
arr.sort(function (a,b){
return a-b;
});
오름차순 정렬 방법입니다.
var arr = [1, 111, 4, 222, 10, 3];
arr.sort(function (a,b){
return b-a;
});
내림차순 정렬 방법입니다.
3. Object 정렬
var student = [
{name : "Andrew", age : 21},
{name : "Leo", age : 25},
{name : "Gabriel", age : 19},
{name : "Amy", age : 20},
{name : "David", age : 26},
{name : "Bryan", age : 19}
]
student.sort(function (a,b){
return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
});
학생 이름을 오름차순으로 정렬하는 방법입니다.
var student = [
{name : "Andrew", age : 21},
{name : "Leo", age : 25},
{name : "Gabriel", age : 19},
{name : "Amy", age : 20},
{name : "David", age : 26},
{name : "Bryan", age : 19}
]
student.sort(function (a,b){
return a.name > b.name ? -1 : a.name < b.name ? 1 : 0;
});
학생 이름을 내림차순으로 정렬하는 방법입니다.
var student = [
{name : "Andrew", age : 21},
{name : "Leo", age : 25},
{name : "Gabriel", age : 19},
{name : "Amy", age : 20},
{name : "David", age : 26},
{name : "Bryan", age : 19}
]
student.sort(function (a,b){
return a.age - b.age
});
학생 나이를 오름차순으로 정렬하는 방법입니다.
var student = [
{name : "Andrew", age : 21},
{name : "Leo", age : 25},
{name : "Gabriel", age : 19},
{name : "Amy", age : 20},
{name : "David", age : 26},
{name : "Bryan", age : 19}
]
student.sort(function (a,b){
return b.age - a.age
});
학생 나이를 내림차순으로 정렬하는 방법입니다.
반응형
'programming > java script & css' 카테고리의 다른 글
[Java Script / 자바 스크립트] DIV태그 가로로 붙여서 나열하는 방법 (0) | 2019.07.04 |
---|---|
[Java Script / 자바 스크립트] 문자열 자르는 함수 split (0) | 2019.06.20 |
[Java Script / 자바 스크립트] 랜덤값 (난수) 생성하는 방법 (0) | 2019.06.10 |
댓글