[javascript] 배열 정렬 sort()

2022. 12. 20. 09:02·JavaScript
728x90
반응형

sort() :  배열 안의 원소를 정렬하는 함수입니다. 여기서 참고하셔야할 점은 정렬할 배열의 요소가 2개 미만(1개 이하)인 경우에는 에러가 발생합니다.(당연한 소리겠죠?)

 

1. 숫자 정렬

var num = [9, 3, 4, 6, 5, 1];

// 오름차순
num.sort(function(a, b){
	return a - b; // 결과: 1, 3, 4, 5, 6, 9
});

// 내림차순
num.sort(function(a, b){
	return b - a; // 결과: 9, 6, 5, 4, 3, 1
});

2. 문자 정렬

var car = ['bmw', 'kia', 'hyundai'];

car.sort(); // 결과 : bmw, hyindai, kia

3, 객체(Object) 정렬

/*BTS로 알아보는 SORT 정렬*/

var bts = [
	{name: "정국", age: 25},
    {name: "석진", age: 30},
    {name: "태형", age: 27},
    {name: "지민", age: 27},
    {name: "윤기", age: 29},
    {name: "남준", age: 28},
    {name: "호석", age: 28},
]

/* 이름순으로 정렬 # 오름차순 */
bts.sort(function(a, b){
	return a.name < b.name ? -1 : a.name > b.name ? 1 : 0; // 남준, 석진, 윤기, 정국, 지민, 태형, 호석
});

/* 이름순으로 정렬 # 내림차순 */
bts.sort(function(a, b){
	return a.name > b.name ? -1 : a.name < b.name ? 1 : 0; // 호석, 태형, 지민, 정국, 윤기, 석진, 남준
});


var sortingField = "age";
/* 나이순으로 정렬 # 오름차순 */
bts.sort(function(a, b){
	return a[sortingField] - b[sortingField]; // 25, 27, 27, 28, 28, 29, 30
});

/* 나이순으로 정렬 # 내림차순 */
bts.sort(function(a, b){
	return b[sortingField] = a[sortingField]; // 30, 29, 28, 28, 27, 27, 25
});
728x90
반응형

'JavaScript' 카테고리의 다른 글

[JavaScript] 객체의 이름 동적으로 구성하기  (0) 2024.07.11
[JavaScript] 자바스크립트 - 동기, 비동기 개념  (0) 2023.11.12
[JavaScript] Ajax (Asynchronous JavaScript and XML)  (0) 2023.07.08
javascript 비교연산자 (==, ===, !=, !==) 차이점  (0) 2023.03.08
JavaScript란?  (0) 2022.07.14
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트 - 동기, 비동기 개념
  • [JavaScript] Ajax (Asynchronous JavaScript and XML)
  • javascript 비교연산자 (==, ===, !=, !==) 차이점
  • JavaScript란?
JongTachi
JongTachi
    반응형
  • JongTachi
    JongTachi의 개발 블로그
    JongTachi
  • 전체
    오늘
    어제
    • 분류 전체보기 (165)
      • Network (10)
      • Server (19)
        • Web (12)
        • WAS (6)
      • Java (8)
        • JVM (1)
        • Java Syntax (16)
        • IDE (5)
        • Lombok (2)
        • Util (1)
      • FrameWork (8)
        • Spring&SpringBoot (4)
        • MyBatis (4)
      • JSP (3)
      • JavaScript (12)
        • jQuery (3)
        • JSON (3)
      • APM (1)
      • Android (5)
      • VCS(Version Control System) (5)
        • Git (4)
        • SVN (1)
      • IT_Tools (15)
        • Jenkins (2)
        • MobaXterm (2)
        • Jeus (1)
        • DBeaver (3)
      • Certificate (1)
      • Linux (3)
      • DB (14)
        • MariaDB (0)
        • Oracle (8)
        • Redis (2)
      • IT Information (21)
      • Text Editor (2)
        • NotePad (2)
      • 비밀의방 (0)
      • 헬파티 여행 (2)
      • 경제 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    java
    mybatis
    자바
    인텔리제이
    SQL
    디비버
    보안
    db
    Server
    git
    Linux
    이클립스
    상태코드
    HTTP
    WAS
    톰캣
    자바스크립트
    svn
    IntelliJ
    오라클
    Web
    Eclipse
    JSON
    Redis
    Javascript
    마이바티스
    Tomcat
    DBeaver
    JQuery
    oracle
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
JongTachi
[javascript] 배열 정렬 sort()
상단으로

티스토리툴바