<HTML>
<HEAD>
<TITLE> :::: 자바스크립트 배열사용하기 02 (Array객체의 메소드 사용하기 - 3) :::: </TITLE>
<script language="JavaScript">
my_array = new Array("영호", 80, 90, 100);
document.writｅ("<h3>---------------- join() ------------------<br>");
document.writｅ(my_array.join()+"<br>");
document.writｅ(my_array.join("+")+"<br>");
document.writｅ(my_array.join(" | ")+"</h3><p>");
document.writｅ("<h3>---------------- reverse() ------------------<br>");
document.writｅ("변경 전 : "+my_array+"<br>");
document.writｅ("변경 후 : "+my_array.reverse()+"</h3>");
document.writｅ("<h3>---------------- slice() ------------------<br>");
my_array2 = my_array.slice(1, 3);
document.writｅ("slice() : "+my_array2+"</h3>");
document.writｅ("<h3>---------------- concat() ------------------<br>");
my_array2 = new Array("사오정", "저팔계", "손오공");
my_array3 = my_array.concat(my_array2);
document.writｅ("concat() : "+my_array3+"</h3>");
document.writｅ("<h3>---------------- sort() ------------------<br>");
my_array2 = new Array(80, 90, 60, 30, 40);
document.writｅ("my_array2.sort() : "+my_array2.sort()+"<br>");
document.writｅ("my_array3.sort() : "+my_array3.sort()+"</h3>");
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
-----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
결과물을 보시면 대충 해당메소드에 대한 역할을 아시리라 생각합니다.
먼저 join() 메소드는 배열의 값을 배열변수채로 출력할 때 배열안에 있는 값을 모두 열람하면서
출력하게 되는데 이때 배열에 있는 값과 값 사이를 구분하는 문자에 대해서 설정하는 메소드입니다.
기본값으로 콤마(,)를 사용하게 됩니다. 그 외에 매개변수로 문자열을 입력하게 되면 해당 문자열로
대체되는것을 볼 수 있습니다.
그리고 reverse() 메소드는 배열에 있는 값을 현재 배열의 값의 순서를 역순서로 재정렬하는
메소드입니다. 그래서 위의 결과화면에서 변경전과 변경후에서 값의 순서가 서로 반대임을
알 수 있습니다.
그리고 slice() 메소드는 배열에서 원하는 부분을 추려내어 새로운 배열을 생성할때 사용됩니다.
매개변수로 정수값 2개가 들어가는데 slice(시작위치, 끝위치) 이렇게 작용하게 됩니다.
한가지 특이한점은 배열의 값을 잘라내는 범위는 이와같이 이루어진다는 점입니다.
이처럼 범위가 지정되어있기 때문에 위의 코드에서 매개변수 1과 3의 뜻은 배열의 두번째 자리와- 시작값 <= 배열의 잘라낼 값의 범위 < 끝위치
세번째 자리에 있는 값을 가져와서 새로울 배열을 만들라는 의미가 됩니다. 이부분 혼동하지 않도록
주의합시다.
그리고 concat() 메소드는 slice메소드와는 반대로 다른 두개의 배열을 합하여 하나의 새로운
배열을 생성하는 메소드입니다.
마지막으로 sort() 메소드는 배열에 있는 값을 정렬시키는 메소드입니다. 이때 정렬되는 순서는
배열의 값에 따라서 다르게 정렬이 됩니다. 만약 숫자만 가지고 있는 배열이라면 숫자의 오름차순
으로 정렬이 되고, 만약 문자열이 들어있을 경우에는 사전편찬상의 순서로 정렬하게 됩니다.
이처럼 Array()객체를 통해서 배열을 생성할 수 있고, 배열에 관련된 메소드를 사용할 수 있습니다.
하지만 이것도 예전방법입니다. 지금은 이렇게 쓰이기도 하지만 근소한 차이이지만 다른방법으로도
배열을 생성할 수 있습니다. 그 부분에 대해서는 다음장에서 알려드리겠습니다.
'JavaScript' 카테고리의 다른 글
| 자바스크립트 객체 제어문 for - in 문 (0) | 2013.08.04 |
|---|---|
| 자바스크립트 배열사용하기 03 (대입연산자와 [] 대괄호를 이용한 배열생성) (0) | 2013.08.04 |
| 자바스크립트 배열사용하기 02 (Array객체 사용하기) (0) | 2013.08.04 |
| 자바스크립트 배열사용하기 01 (배열함수를 만들어 사용하기) (0) | 2013.08.04 |
| 자바스크립트 객체를 객체 속성(맴버변수)으로 사용하기 (0) | 2013.08.04 |