작성자

freewebkorea

카테고리

비밀번호

제목

<H2>Array object</H2>
Array Object는 여러 개의 변수가 필요할 때 변수 이름을 여러 개 만들지 않고 new Keyword 를 사용하여1 개의 변수 이름에 0번 부터 index를 붙여 사용하는 편리한 Object라고 할 수 있습니다. 특히 차후에 변수가 더 필요 하다든지 필요가 없어서 삭제 한다든지 할 때 더 더욱 편리하져...new 
new Keyword는 Array, Date 등의 Object를 만들 때 사용하는 Keyword로서 사용법은 아래와 같습니다.입력 
<DIV class=input>var 변수명 = new Array(i) // i는 사용할 element의 개수 또는 var 변수명 = new Array("element[0]", "element[1]", ......) // 사용할 element 이름을 직접 나열 </DIV> 
<HR class=grayHr>
 Element 개수로 Array한 예제 <PRE class=input id=with_ea>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Element 개수로 Array한 예제&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var fam_name = new Array(6) // 변수 fam_name 선언하고 6개의 element를 사용
 fam_name[0] = "Jane Egil"
 fam_name[1] = "Tod"
 fam_name[2] = "Herold"
 fam_name[3] = "Stacy"
 fam_name[4] = "Kate Jim"
 fam_name[5] = "Bernard"
 
 for (i=0; i&lt;fam_name.length; i++)
 // element 개수(length) 만큼 1씩 증가하며 for loop 반복한다. 조건식을 i&lt;6 으로 줄 수도 있지만 length Method를 사용하면 변수가 추가 / 제거 될 때 수정할 필요 없음.
 {
 document.write(fam_name[i] + "&lt;br /&gt;") // [0] ~ [5] 까지 6개의 element 출력
 }
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(with_ea);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> Element 나열하여 Array한 예제 <PRE class=input id=with_order>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Element 개수로 Array한 예제&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 // 변수 fam_name 선언하고 6개의 element를 comma로 구분하여 나열.
 var fam_name = new Array("Jane Egil", "Tod", "Herold", "Stacy", "Kate Jim", "Bernard")
 
 for (i=0; i&lt;fam_name.length; i++)
 // element 개수(length) 만큼 1씩 증가하며 for loop 반복한다. 조건식을 i&lt;6 으로 줄 수도 있지만 length Method를 사용하면 변수가 추가 / 제거 될 때 수정할 필요 없음.
 {
 document.write(fam_name[i] + "&lt;br /&gt;") // [0] ~ [5] 까지 6개의 element 출력
 }
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(with_order);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> 
<HR class=grayHr>
Array Object의 Method NN : Netscape Navigator, IE : Internet Explorer (Property와 Method를 처리하는 최소 브라우저 버전) 
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>Array Object Methods</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell>
<COL class=syntaxRightCell>
<COL class=syntaxRightCell style="TEXT-ALIGN: center" span=2>
<TBODY>
<TR>
<TD vAlign=top>length</TD>
<TD vAlign=top>Array에 포함된 element(변수)의 개수 return. ***new Keyword로 Array object를 만든 후에 사용합니다.</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>concat()</TD>
<TD vAlign=top>Array element 중 2개 의 element를 합친 값을 return</TD>
<TD vAlign=top>4.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>join()</TD>
<TD vAlign=top>Array에 사용된 element 모두를 합친 값을 return</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>reverse()</TD>
<TD vAlign=top>Array에 사용된 element 의 순서를 역(reverse)으로 나열한 값을 return</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>slice(element[i])</TD>
<TD vAlign=top>Array에 사용된 element 중 특정 순번( [i] ) 의 element 값 return</TD>
<TD vAlign=top>4.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>sort()</TD>
<TD vAlign=top>Array에 사용된 element 들을 오름 차순으로 정렬</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR></TBODY></TABLE> Array object의 Method <PRE class=input id=array_method>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Array object의 Method&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 //new Keyword로 array object 생성하고 element 6개 사용 [0] ~ [5]
 var fam_name = new Array("Jane Egil","Tod","Herold","Stacey","Kate Jim","Bernard")

var temp = fam_name.length //array에 사용된 element수 return
 document.write("Element의 개수는 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name[2].slice() 
 document.write("fam_name[2]만 빼내면 : " + temp + "&lt;br /&gt;")

var temp = fam_name[0].concat( ", " + fam_name[3])
 document.write("fam_name[2]와 fam_name[3]을 합치면 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name.join()
 document.write("Element 전부를 합치면 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name.sort()
 document.write("fam_name을 정렬하면 : " + temp + "&lt;br /&gt;")

<H2>Array object</H2>
Array Object는 여러 개의 변수가 필요할 때 변수 이름을 여러 개 만들지 않고 new Keyword 를 사용하여1 개의 변수 이름에 0번 부터 index를 붙여 사용하는 편리한 Object라고 할 수 있습니다. 특히 차후에 변수가 더 필요 하다든지 필요가 없어서 삭제 한다든지 할 때 더 더욱 편리하져...new 
new Keyword는 Array, Date 등의 Object를 만들 때 사용하는 Keyword로서 사용법은 아래와 같습니다.입력 
<DIV class=input>var 변수명 = new Array(i) // i는 사용할 element의 개수 또는 var 변수명 = new Array("element[0]", "element[1]", ......) // 사용할 element 이름을 직접 나열 </DIV> 
<HR class=grayHr>
 Element 개수로 Array한 예제 <PRE class=input id=with_ea>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Element 개수로 Array한 예제&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var fam_name = new Array(6) // 변수 fam_name 선언하고 6개의 element를 사용
 fam_name[0] = "Jane Egil"
 fam_name[1] = "Tod"
 fam_name[2] = "Herold"
 fam_name[3] = "Stacy"
 fam_name[4] = "Kate Jim"
 fam_name[5] = "Bernard"
 
 for (i=0; i&lt;fam_name.length; i++)
 // element 개수(length) 만큼 1씩 증가하며 for loop 반복한다. 조건식을 i&lt;6 으로 줄 수도 있지만 length Method를 사용하면 변수가 추가 / 제거 될 때 수정할 필요 없음.
 {
 document.write(fam_name[i] + "&lt;br /&gt;") // [0] ~ [5] 까지 6개의 element 출력
 }
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(with_ea);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> Element 나열하여 Array한 예제 <PRE class=input id=with_order>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Element 개수로 Array한 예제&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 // 변수 fam_name 선언하고 6개의 element를 comma로 구분하여 나열.
 var fam_name = new Array("Jane Egil", "Tod", "Herold", "Stacy", "Kate Jim", "Bernard")
 
 for (i=0; i&lt;fam_name.length; i++)
 // element 개수(length) 만큼 1씩 증가하며 for loop 반복한다. 조건식을 i&lt;6 으로 줄 수도 있지만 length Method를 사용하면 변수가 추가 / 제거 될 때 수정할 필요 없음.
 {
 document.write(fam_name[i] + "&lt;br /&gt;") // [0] ~ [5] 까지 6개의 element 출력
 }
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(with_order);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> 
<HR class=grayHr>
Array Object의 Method NN : Netscape Navigator, IE : Internet Explorer (Property와 Method를 처리하는 최소 브라우저 버전) 
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>Array Object Methods</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell>
<COL class=syntaxRightCell>
<COL class=syntaxRightCell style="TEXT-ALIGN: center" span=2>
<TBODY>
<TR>
<TD vAlign=top>length</TD>
<TD vAlign=top>Array에 포함된 element(변수)의 개수 return. ***new Keyword로 Array object를 만든 후에 사용합니다.</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>concat()</TD>
<TD vAlign=top>Array element 중 2개 의 element를 합친 값을 return</TD>
<TD vAlign=top>4.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>join()</TD>
<TD vAlign=top>Array에 사용된 element 모두를 합친 값을 return</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>reverse()</TD>
<TD vAlign=top>Array에 사용된 element 의 순서를 역(reverse)으로 나열한 값을 return</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>slice(element[i])</TD>
<TD vAlign=top>Array에 사용된 element 중 특정 순번( [i] ) 의 element 값 return</TD>
<TD vAlign=top>4.0</TD>
<TD vAlign=top>4.0</TD></TR>
<TR>
<TD vAlign=top>sort()</TD>
<TD vAlign=top>Array에 사용된 element 들을 오름 차순으로 정렬</TD>
<TD vAlign=top>3.0</TD>
<TD vAlign=top>4.0</TD></TR></TBODY></TABLE> Array object의 Method <PRE class=input id=array_method>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Array object의 Method&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 //new Keyword로 array object 생성하고 element 6개 사용 [0] ~ [5]
 var fam_name = new Array("Jane Egil","Tod","Herold","Stacey","Kate Jim","Bernard")

var temp = fam_name.length //array에 사용된 element수 return
 document.write("Element의 개수는 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name[2].slice() 
 document.write("fam_name[2]만 빼내면 : " + temp + "&lt;br /&gt;")

var temp = fam_name[0].concat( ", " + fam_name[3])
 document.write("fam_name[2]와 fam_name[3]을 합치면 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name.join()
 document.write("Element 전부를 합치면 : " + temp + "&lt;br /&gt;")
 
 var temp = fam_name.sort()
 document.write("fam_name을 정렬하면 : " + temp + "&lt;br /&gt;")

첨부파일

Tel. 042-353-2371

평일 오전 9시 ~ 오후 7시

기업은행

010-8649-6758

예금주:제주사랑(송진아)