4. Sort() 사용하여 정렬하기

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>