개발자의 끄적끄적

[javascript] sort 함수 본문

개발/javascript & jquery

[javascript] sort 함수

효벨 2020. 3. 24. 15:21
728x90
반응형

[javascript] sort 함수

 

요약(Summary)

배열을 정렬한다.

문법(Syntax)

1

array.sort(sortfunc)

인자(Parameters)

인자명데이터형필수/옵션설명

sortfunc function 옵션 원소들 간에 무엇이 우선인지를 판단한다

반환값(Return)

array, 정렬된 배열, 자기 자신에 대한 레퍼런스 값 임

설명(Description)

배열을 정렬한다.
알파벳 순서로 정렬한다.
숫자의 경우 암시적으로 문자열로 형변환 하기 때문에 숫자 1이 숫자 10보다 먼저 나온다. (예제 참고)
sortfunc 로 비교 대상인 두개의 인자를 전달하는데, 리턴 값에 따라서 선후를 판단한다. (예제 참고)

예제(Example)

1

2

3

4

5

6

7

8

var numbers = [9,8,7,6,5,4,3,2,1];

alert(numbers.sort()); // array, [1,2,3,4,5,6,7,8,9]

alert(numbers); // array, [1,2,3,4,5,6,7,8,9], 원본을 변경한다.

alert(numbers.sort() === numbers); // boolean, true, 원본과 반환값이 같다.

 

var numbers = [20, 10, 9,8,7,6,5,4,3,2,1];

//array, [1,10,2,20,3,4,5,6,7,8,9], 암시적으로 원소를 문자로 형변환 하기 때문에 10이 1뒤에 온다.

alert(numbers.sort());

1

2

3

4

5

6

7

8

9

function sortNumber(a,b){

    // 비교 대상인 a와 b가 인자로 전달된다.

    //alert('a :'+a+', b:'+b);

    // a에서 b를 뺀 결과가 음수면 a가 b보다 작고, 0이면 같다.

    // sort메소드는 return 값이 음수,양수,0인지에 따라서 순서를 정한다.

    return a-b;

}

var numbers = [20, 10, 9,8,7,6,5,4,3,2,1];

alert(numbers.sort(sortNumber)); // array, [1,2,3,4,5,6,7,8,9,10,20]

1

2

3

4

5

6

function sortNumber(a,b){

// 위의 예제와 비교해서 a와 b의 순서를 바꾸면 정렬순서가 반대가 된다.

    return b-a;

}

var numbers = [20, 10, 9,8,7,6,5,4,3,2,1];

alert(numbers.sort(sortNumber)); // array, [20,10,9,8,7,6,5,4,3,2,1]

 

출처 : https://opentutorials.org/course/50/109

반응형
Comments