[javascript] 배열 정렬하기 (문자, 숫자, 객체 오름차순, 내림차순)

문자 정렬

const arrStr = ['world', 'javascript', 'hello']; 
// 문자열의 앞글자 'w', 'j', 'h' 앞글자로 오름차순 정렬
arrStr.sort(); // ['hello', 'javascript', 'world']

 

숫자 정렬

const arrNum = [11, 2, 33, 4];

// 숫자는 아스키 코드를 기준으로 정렬하기 때문에 숫자 크기대로 정렬이 안됨
arrNum.sort(); // [11, 2, 33, 4]

// 위의 해결방안으로는 .sort(function(a,b){return a-b;});
arrNum.sort(function(a, b){
	return a-b; // [2, 4, 11, 33] (오름차순)
});
arrNum.sort(function(a, b){
	return b-a; // [33, 11, 4, 2] (내림차순)
});

// 화살표 함수
arrNum.sort((a,b) => a-b); // [2, 4, 11, 33] (오름차순) 
arrNum.sort((a,b) => b-a); // [33, 11, 4, 2] (내림차순)

 

객체 정렬

const arrObj = [
		{num:2, name:'two'}, 
                {num:3, name:'three'}, 
                {num:1, name:'one'}
               ];
 
arrObj.sort(function(a, b){	// num으로 오름차순 정렬
	return a.num - b.num; 
    // [{num:1, name:'one'},{num:2, name:'two'},{num:3, name:'three'}]
});

// num으로 내림차순 정렬 (화살표 함수)
arrObj.sort((a,b) => b.num-a.num);
arrObj.sort(function(a, b){
	return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
    // [{num:1, name:'one'},{num:3, name:'three'},{num:2, name:'two'}]
});

// 아래는 위의 삼항연산자를 풀어쓴 것 
(return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;) 
if (a.name < b.name) {
	return -1;
} else if (a.name > b.name) {
	return 1;
} else {
	return 0;
}