문자열 오름차순 정렬하기

여러줄의 문자열을 가나다순 정렬해 보는 예제입니다.
배열을 이용하면 간단히 처리할 수 있습니다.
배열에 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);
}

실행 가능한 소스

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>자바스크립트 예제모음 : 문자열 : 배열을 이용해서 문자열 오름차순 정렬하기 (가나다순 정렬)</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

<div style="text-align:center; margin:0 0 100px 0; background:#555; line-height:80px;">
	<a style="color:#fff; font-weight:bold; font-family:tahoma; font-size:20pt;" href="https://ktsmemo.cafe24.com/s/javascript/583" target="_blank">https://ktsmemo.cafe24.com/s/javascript/583</a>
</div>


<!-- 예제 시작 -->

<style type="text/css">

.wrap { text-align:center; }
.wrap button { height:50px; width:400px; font-size:12pt !important; }
.wrap textarea {
 	border-radius:5px;
 	border:5px solid silver;
 	box-shadow:0 0 5px silver inset;
 	box-sizing:border-box;
 	color:#FF0080;
 	font-size:12pt;
 	font-weight:bold;
 	width:100%;
 	padding:10px;
 	line-height:180%;
}
.wrap textarea:last-child { color:#8000FF; }

</style>

<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>

<script>

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

</script>

<!-- 예제 종료 -->


</body>
</html>

문자열 오름차순 정렬하기

HTML

자바스크립트

실행 가능한 소스

★ 각종 쉽고 편리한 계산기 링크 ★