반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 제이쿼리
- 오라클
- 덩크로우
- Nike
- oracle
- Dunk Low
- 덩크 하이
- 자바스크립트
- 드로우
- JavaScript
- 덩크 로우
- 리액트
- 리눅스
- 주식공부
- 발매예정
- stockx.com
- Github
- dunklow
- dunk high
- 주식
- 파이썬
- GIT
- react
- 코로나19
- Linux
- sacai
- Python
- draw
- 나이키
- jQuery
Archives
- Today
- Total
Life goes slowly...
[Javascript] 자바스크립트(JS)의 객체정렬함수 - sort(), reverse() 본문
728x90
반응형
자바스크립트(Javascript)의 객체 정렬하기
자바스크립트(Javascript)의 함수 중에는 객체(Object) 배열을 정렬할 수 있는 sort() 함수가 있습니다. sort() 함수는 배열의 요소를 적절한 위치에 지정한 뒤에 그 배열을 반환하는 함수입니다. sort() 함수는 내림차순으로 정렬을 하며 오름차순으로 정렬을 하기 위해서는 reverse() 함수를 사용하면 됩니다.
//sort 함수로 정렬하기
let monthsData = ['March', 'Jan', 'Feb', 'Dec'];
monthsData.sort();
console.log(monthsData);
let countData = [1, 5, 8, 3, 13, 1000, 33];
countData.sort();
console.log(countData);
============================================================
["Dec", "Feb", "Jan", "March"]
[1, 1000, 13, 3, 33, 5, 8]
//object key 값으로 정렬하기
let nameAge = [
{ name: '철수', Age: 13 },
{ name: '영희', Age: 16 },
{ name: '영수', Age: 11 },
{ name: '동건', Age: 17 },
{ name: '원빈', Age: 12 },
];
let ageResult;
let nameResult;
// 나이순으로 정렬
ageResult = nameAge.sort(function (a, b) {
return a.Age - b.Age;
});
console.log(ageResult);
// 이름순으로 정렬
nameResult = nameAge.sort(function (a, b) {
let x = a.name.toLowerCase();
let y = b.name.toLowerCase();
if (x < y) {
return -1;
}
if (x > y) {
return 1;
}
return 0;
});
console.log(nameResult);
================================================================
[[object Object] {
Age: 11,
name: "영수"
}, [object Object] {
Age: 12,
name: "원빈"
}, [object Object] {
Age: 13,
name: "철수"
}, [object Object] {
Age: 16,
name: "영희"
}, [object Object] {
Age: 17,
name: "동건"
}]
[[object Object] {
Age: 17,
name: "동건"
}, [object Object] {
Age: 11,
name: "영수"
}, [object Object] {
Age: 16,
name: "영희"
}, [object Object] {
Age: 12,
name: "원빈"
}, [object Object] {
Age: 13,
name: "철수"
}]
728x90
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트(JS)의 부모노드 접근 - parentNode (0) | 2021.03.25 |
---|---|
[Javascript] 자바스크립트(JS)의 자식노드 접근 - childNodes (0) | 2021.03.24 |
[jQuery] 제이쿼리(jquery)의 형제요소를 찾는함수 - Siblings() (0) | 2021.03.23 |
[Javascript] 자바스크립트(JS) - UTC 날짜를 현지시간(Local)으로 변경 (0) | 2021.03.20 |
[Javascript] 자바스크립트(JS)의 HTML 내용을 엑셀 다운로드하기 (0) | 2021.03.15 |
[jQuery] 제이쿼리(jquery)로 Cookie 관리하기 (0) | 2021.03.12 |
[jQuery] 제이쿼리(jquery)의 radio button 확인 (0) | 2021.03.10 |
[Javascript] 자바스크립트의 버튼(button)에 disabled 속성 활용 (0) | 2021.03.05 |
Comments