자바스크립트 예제모음

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

전체 문자열 배열 폼관련
등록일 :

문자열 오름차순 정렬하기

여러줄의 문자열을 가나다순 정렬해 보는 예제입니다.
배열을 이용하면 간단히 처리할 수 있습니다.
배열에 sort 라는 정렬 메소드가 있는데 이것을 이용합니다.
간단 합니다. ^^;


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();

	// 배열을 엔터로 구분한 문자열로 만들기
	txt = arr.join('\n');

	$('[name=rst]').val(txt);
}

실행 가능한 소스