[JavaScript] 배열안의 객체 key 속성으로 오름차순 정렬하기

배열 안에 객체가 여러 개 들어있는 형태를 자주 사용한다.

그 배열 안의 객체의 특정 키를 선택하여 배열 안의 객체를 정렬하는 방법이다.

📌 정렬하고자 하는 배열

const arr = [
  { key: 'out1', value: 0 },
  { key: 'out3', value: 1 },
  { key: 'out2', value: 4 }
];

'key' 속성의 문자열을 비교하여 오름차순으로 정렬하고자 한다.

📌 sort 함수 사용

sort() 함수는 기존 배열을 정렬하지 않고, 새로운 배열을 반환한다.

a,b 는 비교할 첫번째 변수, 두번째 변수를 나타낸다.

const arr = [
  { key: 'out1', value: 0 },
  { key: 'out3', value: 1 },
  { key: 'out2', value: 4 }
];

arr.sort((a, b) => {
  if (a.key < b.key) {
    return -1; // a를 b보다 앞으로 정렬
  }
  if (a.key > b.key) {
    return 1; // a를 b보다 뒤로 정렬
  }
  return 0; // 순서 변경 없음
});

console.log(arr);

a.key 가 b.key 보다 클 경우 1을 반환하여 a.key 가 뒤로 정렬되고,

a.key 가 b.key 보다 작을 경우 -1을 반환하여 a.key가 앞으로 졍렬된다.

동일할 경우는 0을 반환하여 순서가 변경되지 않는다.

📌 결과

[
  { key: 'out1', value: 0 },
  { key: 'out2', value: 4 },
  { key: 'out3', value: 1 }
]

배열 안의 객체들이 'key' 속성의 문자열 기준으로, 오름차순 정렬되었다.