문자열 오름차순 정렬하기 예제를 약간 응용해서
내림차순 정렬하기로 만들어 보았습니다.
배열 reverse 메서드를 추가로 사용했습니다.
등록일 : ,
문자열 내림차순 정렬하기
HTML
<div class="wrap">
<textarea name="ori" rows="8">
4
a
1
b
라
A
3
2
나
B
c
d
다
가
</textarea>
<div style="padding:10px">
<button type="button" onclick="gogogo()">눌러보세요 : 문자열 내림차순(가나다 역순) 정렬</button>
</div>
<textarea name="rst" rows="8" placeholder="위 버튼을 눌러보세요."></textarea>
</div>
자바스크립트
function gogogo(){
var txt = $('[name=ori]').val();
// 정규식으로 문자열에 마지막줄 빈 엔터 제거
// 이 코드는 선택 옵션입니다
txt = txt.replace(/\n$/gm, '');
// 문자열을 엔터로 구분하여 배열로 만들기
var arr = txt.split('\n');
// 배열 sort 메서드로 정렬하기 (오름차순)
arr = arr.sort();
// 배열 reverse 메서드로 뒤집기
// 뒤집으면 내림차순이 됨
arr = arr.reverse();
// 배열을 엔터로 구분한 문자열로 만들기
txt = arr.join('\n');
$('[name=rst]').val(txt);
}
방문해 주셔서 감사드립니다 !!