쭈꾸미
코드짜는 쭈꾸미
쭈꾸미
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Journal (54)
      • Today I Learned (44)
      • 후기&회고 (4)
      • 개인 프로젝트 (4)
      • 독서일기 (2)
    • HTML, CSS (5)
    • Javascript (32)
    • Typescript (2)
    • Git, Github (4)
    • Algorithm (1)
    • React, Next.js (14)
    • API, Database (6)
      • API (0)
      • Database (1)
      • GraphQL (2)
      • Rest-API (1)
    • React-Native (1)
    • ETC (2)
    • OS (1)
      • 우분투 Ubuntu (1)

인기 글

티스토리

hELLO · Designed By 정상우.
쭈꾸미
Javascript

[Javascript] sort() - 정렬 (오름차순/내림차순/문자열 등등)

Javascript

[Javascript] sort() - 정렬 (오름차순/내림차순/문자열 등등)

2022. 2. 5. 21:40

sort()

sort()는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다.

이 때 매개변수를 활용해 어떻게 정렬할 것인지 순서를 지정해줄 수 있다.

// 기본 형태
arr.sort([compareFunction])
// compareFunction은 정렬 순서를 정의하는 함수

 

정렬하는 방법

  • compareFunction(a, b)가 생략된 경우, 배열들이 유니코드 값 순서대로 정렬된다.
  • compareFunction(a, b)가 반환하는 값이 0보다 작은 경우에는 a가 b보다 먼저 온다.
  • compareFunction(a, b)가 반환하는 값이 0보다 큰 경우에는 b가 a보다 먼저 온다.
  • compareFunction(a, b)가 0을 반환할 경우 정렬 순서를 변경하지 않는다.
  • compareFunction(a, b)가 반환하는 값은 a, b에 대하여 항상 일정해야 한다. 일치하지 않는 결과가 반환될 경우 정렬 순서는 정의되지 않는다.

 

예시 1. 유니코드 순 정렬 (문자 오름차순 정렬)

const arr = ["사과", "바나나", "딸기"]
arr.sort() // [ '딸기', '바나나', '사과' ]

 

예시 2. 숫자 오름차순/내림차순 정렬

const arr = [5, 2, 16, 7]
arr.sort((a, b) => a - b) // [ 2, 5, 7, 16 ] - 오름차순
arr.sort((a, b) => b - a) // [ 16, 7, 5, 2 ] - 내림차순

 

자세한 내용은 MDN을 참고하자.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

 

Array.prototype.sort() - JavaScript | MDN

sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.

developer.mozilla.org

저작자표시 (새창열림)

'Javascript' 카테고리의 다른 글

[Javascript] 알파벳 대소문자 변환 - toUpperCase() / toLowerCare()  (0) 2022.02.05
[Javascript] forEach() 반복문  (0) 2022.02.05
[Javascript] toString() - 문자열로 변환 +α  (0) 2022.02.05
[Javascript] 스코프와 스코프 체인 / Scope & Scope chain  (0) 2022.02.05
[Javascript] 이벤트 버블링 / Event-Bubbling  (0) 2022.02.05
  • sort()
  • 예시 1. 유니코드 순 정렬 (문자 오름차순 정렬)
  • 예시 2. 숫자 오름차순/내림차순 정렬
'Javascript' 카테고리의 다른 글
  • [Javascript] 알파벳 대소문자 변환 - toUpperCase() / toLowerCare()
  • [Javascript] forEach() 반복문
  • [Javascript] toString() - 문자열로 변환 +α
  • [Javascript] 스코프와 스코프 체인 / Scope & Scope chain
쭈꾸미
쭈꾸미
느리지만 확실하게 / 웹 프론트엔드 개발자 TIL : https://jooeun-k.github.io/TIL/

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.