2017. 2. 21. 23:54
반응형
자바스크립트 배열 내림차순, 오름차순 정렬하기
array sort() 메소드를 사용한다.
아래의 버튼을 클릭하면 그 밑에 정렬된 배열이 나타난다.
기존 배열: [4, 34, 5, 33, 21, 16, 74]
가나다순 - 숫자 오름차순 -
숫자 내림차순 -
<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>
반응형
'dev' 카테고리의 다른 글
[Java] 구구단 출력하기 (0) | 2017.03.01 |
---|---|
[JavaScript] 로또번호 생성기3.0 (제외수 지정 가능) (1) | 2017.02.26 |
[JavaScript] 배열 섞기 (랜덤) (0) | 2017.02.25 |
[JavaScript] 객체 배열 정렬하기 (0) | 2017.02.22 |
[JavaScript] 동적테이블 생성 (행, 열 입력받아서) (0) | 2017.02.16 |
[JavaScript] setInterval, clearInterval로 카운트다운 만들기 (0) | 2017.02.14 |
[JavaScript] h1 ~ h6 출력하기 (0) | 2017.02.03 |
[JavaScript] 구구단표 만들기 (0) | 2017.02.02 |