본문 바로가기
Javascript

JavaScript - 배열 정렬하기

by !!*^^*!! 2022. 9. 18.

 배열의 데이터를 정렬을 할 때 사용하는 함수는 sort() 입니다. 배열 뒤에 sort() 함수를 붙이면 데이터가 정렬됩니다.

sort() 함수 안에 파라미터로 정렬방법 함수를 넣어주면 좀 더 다양한 방법으로 정렬할 수 있습니다.

  • sort() 기본 정렬
  • sort() 숫자 오름차순 / 내림차순 정렬 
  • sort() 오브젝트 (객체) 정렬

sort() 기본 정렬

See the Pen Untitled by mrcau (@mrcau) on CodePen.

 

sort() 숫자 오름차순 / 내림차순 정렬

sort() 기본 함수로 정렬할 경우 위에서 보듯이 오름차순으로 정렬되는 것이 아니라 유니코드 형식으로 '10'이 앞으로 정렬되는 것을 볼 수 있습니다. 정확한 정렬을 위해서는 sort() 함수 안에 정렬 방식을 함수로 명시해야 합니다.

일반적인 오름차순 정렬 함수는 function(a, b) {return a-b;} 입니다.

좀 더 간편하게 (a, b)=> a-b  표시할 수 있으며, 반대로 내림차순으로 정렬 함수는  (a, b)=> b-a 입니다.

See the Pen sort() 숫자 오름차순 정렬 by mrcau (@mrcau) on CodePen.

 

sort() 오브젝트 (객체) 정렬

배열의 데이터(element)가 오브젝트 일 때는 객체 안의 숫자 값을 가진 요소를 기준으로 정렬할 수 있습니다.

(참고로 오브젝트를 문자로 표시하기 위해서는 JSON.stringify()를 사용하고 문자열을 오브젝트로 변환할 때에는 JSON.parse() 함수를 사용합니다.)

See the Pen sort() 객체 정렬 by mrcau (@mrcau) on CodePen.