이번 팁에서는 배열을 여러 번 정렬해도 항상 같은 결과가 나오게 펼침 연산자를 사용하는 방법을 살펴봅니다.

지금까지 펼침 연산자를 이용해서 여러 가지 조작 함수를 대체하는 방법을 살펴봤습니다. 그렇다면 대체하기 쉽지 않은 함수가 있을 때는 어떻게 해야 할까요? 답은 간단합니다. 펼침 연산자로 원본 배열의 사본을 생성하고, 사본을 조작하면 됩니다.

답이 너무 쉽다고 해서 만만하게 볼 것은 아닙니다. 조작으로 인한 버그는 우리가 예상치 못했을 때 살금살금 다가올 수도 있습니다.

조작으로 인한 문제는 표 데이터를 정렬할 때 발생합니다. 표 데이터를 보여주는 애플리케이션을 아직 개발해본 적이 없다면 조금 기다려보세요. 아마도 머지않아 개발하게 될 것입니다. 그리고 표를 만들고 나면, 곧 프로젝트 관리자가 정렬할 수 있게 해달라고 수정을 요청해올 것입니다.

여기서는 UI 컴포넌트는 건너뛰고 데이터와 함수에 집중하겠습니다. 우리는 직원 정보가 담긴 배열을 이름 또는 근속 연수를 기준으로 정렬하는 애플리케이션을 개발하려고 합니다. 먼저 직원 정보가 담긴 배열부터 살펴봅시다.