1. 기본적인 Sort 사용하여 정렬하기
const items = [{name:as, age:12},
{name:cs, age:22},
{name:bs, age:32} ]
const refinedItems = items.sort((A,B) => A.name > B.name ? 1 : -1)
console.log(refinedItems) //
[{name:as, age:12},
{name:bs, age:32}, // 이름순 정렬
{name:cs, age:22} ]
2. 여러 조건이 있는 Sort 사용하여 정렬하기 [ 오름차순, 내림차순 ]
let arrangeRule = true;
const reArrangeItems = items.sort((A, B) => {
if (arrangeRule) {
return A.name > B.name ? 1 : -1; // 오름차순
} else {
return B.name > A.name ? 1 : -1; // 내림차순
}
});
3. 버튼을 누르면 변경하도록 만든 Sort 사용하기
let arrangeRule = true;
const reArrangeItems = (items, arrangeRule) => {
return items.sort((A, B) => {
if (arrangeRule) {
return A.content > B.content ? 1 : -1;
} else {
return B.content > A.content ? 1 : -1;
}
});
};
const changeHandler = ()=>{
if(!arrangeRule){
arrangeRule = true
}else{
arrangeRule = false
}
}
<button onClick={changeHandler}> 정렬 </button>
'JavaScript' 카테고리의 다른 글
5. localStorage 에 대하여. [ WEB API ] (0) | 2023.02.03 |
---|---|
3. Array.splice() - 배열 수정하기 초간단정리 (0) | 2022.12.12 |
2. Array.reduce(), Array.concat() 초간단 정리 (0) | 2022.12.12 |
1. function.bind() - Array.map() 으로 무한증식 버튼 만들 때, 한 함수로, 각각 다른 역할을 하는 버튼 만들기 (0) | 2022.12.12 |
이론 용어정리(3) [76~130] - 자바 스크립트 되짚기 (0) | 2022.12.06 |
댓글