<html>
<head>
<title> Array Test </title>
<script language="JavaScript">
<!--
function fnJoin(){ //join() test
var book = new Array(3);
book[0] = "Oracle";
book[1] = "Java";
book[2] = "C++";
//배열을 하나의 문자열로 만들어줌
var bookTmp = book.join(" || ");
document.write("결과 : " + bookTmp + "<p>");
}
function fnSort(){ //sort() test
var lang = new Array(3);
lang[0] = "BBB";
lang[1] = "CCC";
lang[2] = "AAA";
//배열값을 정렬
document.write("기존 : " + lang);
document.write("<br>");
document.write("정렬 : " + lang.sort() + "<p>");
}
function fnReverse(){ //reverse() test
var com = new Array(3);
com[0] = "IBM";
com[1] = "SUN";
com[2] = "HP";
//배열을 역순으로
document.write("기존 : " + com);
document.write("<br>");
document.write("역순 : " + com.reverse() + "<p>");
}
function fnConcat(){ //concat() test
var alpa1 = new Array("aaa", "bbb", "ccc");
var alpa2 = new Array(3);
alpa2[0] = "ㄱㄱㄱ";
alpa2[1] = "ㄴㄴㄴ";
alpa2[2] = "ㄷㄷㄷ";
var alpa = alpa2.concat(alpa1);
document.write("결과 : " + alpa + "<p>");
//배열의 경우 for문을 통해 출력을 해도 됨
for(var i=0; i<alpa.length; i++){
document.write((i+1)+"번 : " + alpa[i] + "<br>");
}
}
//-->
</script>
</head>
<body>
<script>
document.write("※ 배열 => 문자열 <br>");
fnJoin();
document.write("※ 배열값을 정렬 <br>");
fnSort();
document.write("※ 배열역순 <br>");
fnReverse();
document.write("※ 두 배열을 합쳐 하나의 배열로 <br>");
fnConcat();
</script>
</body>
</html>
[결과]
※ 배열 => 문자열
결과 : Oracle || Java || C++
※ 배열값을 정렬
기존 : BBB,CCC,AAA
정렬 : AAA,BBB,CCC
※ 배열역순
기존 : IBM,SUN,HP
역순 : HP,SUN,IBM
※ 두 배열을 합쳐 하나의 배열로
결과 : ㄱㄱㄱ,ㄴㄴㄴ,ㄷㄷㄷ,aaa,bbb,ccc
1번 : ㄱㄱㄱ
2번 : ㄴㄴㄴ
3번 : ㄷㄷㄷ
4번 : aaa
5번 : bbb
6번 : ccc
'프로그램 > Html & Js & Css' 카테고리의 다른 글
| [펌] - innerHTML 을 사용할 때 속도를 위한 주의사항 (0) | 2009.04.28 |
|---|---|
| [JS] - 자바스크립트에서 많이 사용하는 Date 객체 (0) | 2009.04.02 |
| cancelBubble (1) | 2009.04.01 |
| checkbox에서 체크된 항목의 value 알아내기 (0) | 2009.03.31 |
| [펌] - 자바스크립트 강좌, 사용법, 객체, 이벤트 등 (0) | 2009.03.30 |