안녕하세요! 몇시간 째 교재를 보고 있는데 도저히 모르겠어서 질문 드립니다 ㅠㅠ
지금 만든 소스에서 평균값 순서대로 학생들을 정렬시키고 싶은데 어떤 객체를 이용해야 하나요??
sort()는 교재에 문자열에 대한 정렬이라고 되어있는데 숫자를 오름차순, 내림차순 정렬시키려면 어떻게 해야하나요!
2018.04.21 00:39
자바스크립트 sort에 대해 궁금해요!
조회 수 235 댓글 1
QnA
공부하면서 궁금했던 것을 질문해보세요.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18232 |
| 402 | 혹시 예전 서적인 "DHTML + 자바스크립트 프로그래밍"의 예제를 받을 수 있는 방법은 없는지요? 2 | 비만타쿠미 | 2018.09.26 | 116 |
| 401 | 한글html 1 | 키보드 향기 | 2020.03.29 | 919 |
| 400 | 한글 타이틀이 깨져 보입니다. 1 | 안스가리오 | 2020.01.06 | 116 |
| 399 | 표와 div span 4 | 키보드 향기 | 2020.04.05 | 108 |
| 398 | 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 | 정택희 | 2017.02.13 | 277 |
| 397 |
페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다.
1
|
워니고 | 2018.03.28 | 3870 |
| 396 | 테스트 | 관리자 | 2019.08.30 | 171 |
| 395 | 태그와 속성 2 | tc0712 | 2021.09.08 | 72 |
| 394 | 크롬 오디오 자동재생 관련 질문입니다! 1 | ^_^ | 2018.09.30 | 448 |
| 393 |
코드 잘못된 부분을 봐주시면 정말 감사하겠습니다
1
|
입문한 사람 | 2020.04.01 | 607 |
| 392 | 캔버스 관련 질문 1 | 원그리기 | 2021.08.22 | 101 |
| 391 | 챕터2 연습문제 8번 | 김석현 | 2018.04.22 | 156 |
| 390 | 챕터 3의 10번 문제 1 | 컴공과 입문 | 2018.03.20 | 125 |
| 389 | 책을 종이책으로 구매했는데 1 | ddd | 2024.03.21 | 72 |
| 388 | 책을 마치며 7 | 은성 | 2017.04.13 | 492 |
| 387 | 책 151p 3장 오픈챌린지 문제질문입니다. 3 | 이상민 | 2019.07.19 | 238 |
| 386 | 짝수번 정답 3 | idididid | 2017.12.24 | 3114 |
| 385 | 질문입니다 1 | 1213 | 2018.03.06 | 420 |
| 384 | 질문드립니다. 1 | ㅇㅇ | 2020.06.03 | 306 |
| 383 | 질문 있습니다. 2 | 흠 | 2021.08.19 | 134 |
sort()를 예와 함께 간단히 설명하겠습니다. 아래의 코드와 주석을 읽어 보세요.
sort()의 매개변수가 아무것도 주어지지 않으면 배열을 문자열로 해석하고 증가순으로 정렬합니다.
아래에는 감소순, 증가순의 두 경우가 있고
실행해보면 var n = [4, 1, 8, 2, 6] 배열이
감소순 -> 8,6,4,2,1
증가순 -> 1,2,4,6,8
으로 출력된 것을 볼 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Array 객체의 메소드 활용</title>
</head>
<body>
<script>
var n = [4, 1, 8, 2, 6]; // 소팅에 사용할 정수 배열
// 1. 감소순으로 정렬하여 출력하는 사례
n.sort(function(a, b) { // a와 b를 비교하는 누가 큰지 비교하는 함수
return b - a;
});
// sort()가 동작하는 과정을 설명해보자.
// 배열 n의 sort()는 매개 변수로 주어진 함수를 호출하여
// 배열 n의 원소들을 버블소팅방식으로 계속비교하여 정렬하는데
// ***중요**** 함수가 음수를 리턴하면 두 값을 바꾸지 않고
// ***중요**** 양수를 리턴하면 두 값을 바꾼다.
// 예를 들면 sort()는 function(a, b)를 호출하고 배열 n의 원소 두 개(4, 1)를 a, b에 넘겨주면
// return b-a는 return -3이 되고 음수가 리턴된다.
// 그러므로 sort()는 어떤 두 수(4, 1)에 대해 순서를 바꾸지 말아야 한다고 판단한다.
// 다시 sort()는 function(a, b)를 호출하여 (1, 8)을 넘겨주면 함수를 8-1=7, 즉 양수를 리턴하므로
// sort()는 두 수의 위치를 바꾼다. 결국 배열 n = [4, 8, 1, 2, 6]의 모양이 된다. 즉 제일 작은 수를 끝으로 보내는 식이다.
// 이런 식으로 끝까지 하면 배열 n = [4, 8, 2, 6, 1]이 되고
// 다시 sort()는 [4, 8, 2, 6]에 대해서만 바로 전에 한 방식으로 루프를 돌면 제일 작은 수가 끝으로 보내면
// n = [8, 4, 6, 2, 1]로 바뀌고
// n = [8, 6, 4, 2, 1]로 바뀌고
// 정렬이 종료된다. 이것이 버블소팅이다.
document.write(n + "<br>"); // 배열 출력
// 2. 증가순으로 정려하여 출력하는 다른 사례
function increasingOrder(a, b) { /* a와 b를 비교하는 누가 큰지 비교하는 함수 */
return a - b; // 양수를 리턴하면 자리바꾸기. 즉 큰 값을 뒤로 보내기. 즉 증가순으로 정렬
}
// sort()는 배열의 n의 원소들을 버블소팅방식으로 계속비교하여 정렬하는데,
// increasingOrder() 함수를 호출하여 두 수가 큰지를 비교
n.sort(increasingOrder);
document.write(n + "<br>");
</script>
</body>
</html>