자바스크립트 예제모음

배열을 이용해서 문자열 내림차순 정렬하기 (가나다 역순 정렬)

전체 문자열 배열 폼관련
URL : https://ktsmemo.cafe24.com/s/javascript/593
등록일 : ,

문자열 내림차순 정렬하기

문자열 오름차순 정렬하기 예제를 약간 응용해서
내림차순 정렬하기로 만들어 보았습니다.
배열 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);
}