2017. 2. 21. 23:54
반응형

자바스크립트 배열 내림차순, 오름차순 정렬하기

array sort() 메소드를 사용한다.

아래의 버튼을 클릭하면 그 밑에 정렬된 배열이 나타난다.


기존 배열: [4, 34, 5, 33, 21, 16, 74]
가나다순 -
숫자 오름차순 -
숫자 내림차순 -


HTML/JavaScript 소스 코드

<script>

var arr = [4, 34, 5, 33, 21, 16, 74];

function sort1() {

arr.sort();

document.getElementById("area").innerHTML=arr;

}

function sort2() {

arr.sort(function(a,b){return a-b});

document.getElementById("area").innerHTML = arr;

}

function sort3() {

arr.sort(function(a,b){return b-a});

document.getElementById("area").innerHTML = arr;

}

</script>


<div>기존 배열: [4, 34, 5, 33, 21, 16, 74]</div>

가나다순 - <button onclick="sort1()">sort()</button><br/>

숫자 오름차순 - <button onclick="sort2()">sort(function(a,b){return a-b})</button><br/>

숫자 내림차순 - <button onclick="sort3()">sort(function(a,b){return b-a})</button>

<div id="area"></div>

반응형