작성자

freewebkorea

카테고리

비밀번호

제목

<H3>페이지 목차</H3>
<UL class=lineHeight>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#length">length Property</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#font_method">font와 text 관련 Method</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#font_text_ex">font와 text 관련 Method 예제</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#string_data_method">문자 데이터 다루는 Method</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#charAt_1">charAt(index) 예제</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#charCodeAt_fromCharCode">charCodeAt(string) &amp; fromCharCode(unicodes) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#concat_1">concat(string) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#indexOf_lastIndexOf_1">indexOf(index) &amp; lastIndexOf(index) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#match_1">match(string) 예제</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#replace_1">replace(string1, string2) 예제</A> 
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#search_1">search(string) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#slice_1">slice(index1, index2) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#split_1">split(string) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#substr_1">substr(index1, integer) 예제 </A>
<LI class=indexColor><A href="http://www.cadvance.org/doc/java/object/string_object.asp#substring_1">substring(index1, index2) 예제 </A></LI></UL>
<H2>String Object</H2>
String object 는 크게 나누어 font와 text 등 글꼴을 다루는 형태에 관련된 Method 와 문자열에서 필요한부분을 다루는 문자열 데이터와 관련된 Method로 구분할 수 있습니다. 이 번 페이지에서는 이러한 Method 들에 대해 자세히 알아 보도록 하시져...
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<CAPTION class=general>NN : Netscape Navigator, IE : Internet Explorer (Property와 Method를 처리하는 최소 브라우저 버전)</CAPTION>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>String Object Property</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell>
<COL class=syntaxRightCell>
<COL class=syntaxRightCell style="TEXT-ALIGN: center" span=2>
<TBODY>
<TR class=syntaxLeftCell>
<TD>Properties</TD>
<TD align=middle>설 명</TD>
<TD width="4%">NN</TD>
<TD width="4%">IE</TD></TR>
<TR>
<TD>length</TD>
<TD>문자열의 개수 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR></TBODY></TABLE> length Property<A name=length></A> 
length Property는 앞의 Form collection에서도 다루었던 Property로서 Tag의 갯수를 count하는 Property이지만 문자열의 개수(byte)를 세어 주기도 합니다. 참고로 IE에서는 한글을 1 byte로 , NN에서는 2 byte로 처리한다고 하는데 확인해 보지는 않았심다... 그리고 space도 1 byte를 차지한다는 사실... 아래의 예제를 봅시다.문자열의 개수 세기 <PRE class=input id=length_property>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;length Property&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str1 = "Web design"
 var str2 = "웹 디자인"
 document.write("&lt;br /&gt;")
 document.write("str1는 " + str1.length + " byte 이고 &lt;br /&gt;")
 document.write("str2는 " + str2.length + " byte 입니다.")
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(length_property);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=font_method></A>
<HR class=grayHr>
font와 text 다루는 Method 
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<CAPTION class=general>NN : Netscape Navigator, IE : Internet Explorer (Property와 Method를 처리하는 최소 브라우저 버전)</CAPTION>
<TBODY>
<TR>
<TH class=titleCell colSpan=4>font와 text 다루는 Method</TH></TR>
<COLGROUP>
<COL class=syntaxLeftCell width="24%">
<COL class=syntaxRightCell style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-BREAK: break-all; PADDING-TOP: 2px">
<COL class=syntaxRightCell style="TEXT-ALIGN: center" span=2>
<TBODY>
<TR class=syntaxLeftCell>
<TD>Methods</TD>
<TD align=middle>설 명</TD>
<TD>NN</TD>
<TD>IE</TD></TR>
<TR>
<TD>anchor(anchorName)</TD>
<TD>문자열을 anchor로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>big()</TD>
<TD>문자열을 큰 글자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>blink()</TD>
<TD>문자열을 깜박거리는 글자로 return (Netscape Only)</TD>
<TD>2.0</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>bold()</TD>
<TD>문자열을 굵은 글자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>fixed()</TD>
<TD>문자열을 고정 간격 문자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>fontcolor(colorvalue)</TD>
<TD>문자열을 색상(font color) return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>fontsize(integer)</TD>
<TD>문자열 지정하는 크기의 글꼴로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>italics()</TD>
<TD>문자열을 기울임 문자로 변환</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>link(URL)</TD>
<TD>문자열을 Hyperlink로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>small()</TD>
<TD>지정하는 문자열을 작은 font size로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>strike()</TD>
<TD>문자열을 가운데 줄친 문자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>sub()</TD>
<TD>문자열을 아래 첨자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>sup()</TD>
<TD>문자열을 위 첨자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>toLowerCase()</TD>
<TD>문자열을 소문자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>toUpperCase()</TD>
<TD>문자열을 대문자로 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR></TBODY></TABLE><A name=font_text_ex></A>font와 text 관련 Method 예제 <PRE class=input id=font_text>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;String Object&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var dw = document.write //타자치기 귀찮을 땐 이렇게도 하지요...^^ 
 var eng = "Web design"// 영어 문자열 지정
 var kor = "웹디자인" // 한글 문자열 지정
 var point="design"
 var start = 2
 var URL = "http://www.cadvance.org" // URL 문자열 지정
 var atn = 2 
 var fcolor="green" // font색상 지정
 var ftn = 2 // font Size 지정
 var _log="10"
 var x = 0
 var y = 3
 var n="n"
 
 dw("eng.anchor(URL) = " + eng.anchor(URL) + "&lt;br /&gt;") // anchor URL 지정
 dw("eng.big() = " + eng.big() + "&lt;br /&gt;") // 큰글자
 dw("eng.blink() = " + eng.blink() + "&lt;br /&gt;") // 깜빡이는 글자
 dw("eng.bold() = " + eng.bold() + "&lt;br /&gt;") // 굵은 글자
 dw("eng.charAt(" + atn + ") = " + eng.charAt(atn) + "&lt;br /&gt;") // 지정 위치 글자
 dw("eng.fixed() = " + eng.fixed() + "&lt;br /&gt;") // 고정 간격 글자
 dw("eng.fontcolor(" + fcolor + ") = " + eng.fontcolor(fcolor) + "&lt;br /&gt;") // 글자 색상 지정
 dw("eng.fontsize(" + ftn + ") = " + eng.fontsize(ftn) + "&lt;br /&gt;") // 글자 폰트 크기 지정
 dw("eng.italics() = " + eng.italics() + "&lt;br /&gt;") // 이태릭(기울여 쓰기)
 dw("eng.link(URL) = " + eng.link(URL) + "&lt;br /&gt;") // 연결 URL
 dw("eng.small() = " + eng.small() + "&lt;br /&gt;") // 작은 글자
 dw("eng.strike() = " + eng.strike() + "&lt;br /&gt;") // 줄긋기로 지운 글자
 dw("eng.sub() = " + eng.sub() + "&lt;br /&gt;") // 아래 첨자
 dw("log 10.sub() = log" + _log.sub() + "&lt;br /&gt;") // log10 표현
 dw("eng.sup() = " + eng.sup() + "&lt;br /&gt;") // 윗첨자
 dw("15 n.sup() = 15" + n.sup() + "&lt;br /&gt;") // n승 표현
 dw("eng.toLowerCase() = " + eng.toLowerCase() + "&lt;br /&gt;") // 소문자로 변환
 dw("kor.toLowerCase() = " + kor.toLowerCase() + "&lt;br /&gt;") // 한글은 소용없음
 dw("eng.toUpperCase() = " + eng.toUpperCase() + "&lt;br /&gt;") // 대문자로 변환
 // --&gt;
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;/body&gt;
&lt;/html&gt;
</PRE><A href="javascript:copy2Clipboard(font_text);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=string_data_method></A>
<HR class=grayHr>
문자 데이터 다루는 Method 
문자열 데이터를 다루는 Method에 대해 예제를 통해 알아 보도록 하겠습니다. 문자열 데이터를 다룰 때 항상 기억해야 될 것은 첫 번째 문자의 위치를 count 할 때 '0' 에서 부터 시작한다는 사실이 되겠군요. Web Design이라는 문자열을 sample로 예제를 진행 하도록 하겠습니다.
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<CAPTION class=general>NN : Netscape Navigator, IE : Internet Explorer (Property와 Method를 처리하는 최소 브라우저 버전)</CAPTION>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>문자 데이터 다루는 Method</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell>
<COL class=syntaxRightCell style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-BREAK: break-all; PADDING-TOP: 2px">
<COL class=syntaxRightCell style="TEXT-ALIGN: center" span=2>
<TBODY>
<TR vAlign=center align=middle>
<TD>Methods</TD>
<TD style="TEXT-ALIGN: center">설 명</TD>
<TD>NN</TD>
<TD>IE</TD></TR>
<TR>
<TD>charAt(index)</TD>
<TD>문자열에서 지정하는 위치의 문자 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>charCodeAt(string)</TD>
<TD>지정하는 문자의 Unicode 값return</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>concat(string)</TD>
<TD>2 개의 문자열을 합쳐서 하나의 문자열을 return</TD>
<TD>4.0</TD>
<TD></TD></TR>
<TR>
<TD>fromCharCode(unicodes)</TD>
<TD>지정하는 Unicode의 문자값(들) return. charCodeAt 과 반대.</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>indexOf(index)</TD>
<TD>문자열에서 지정하는 특정문자의 위치 return. 0에서 시작해서 왼쪽에서 오른쪽으로 count 함. -1 값이 나오면 지정하는 문자 없음.</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>lastIndexOf(index)</TD>
<TD>문자열에서 지정하는 특정문자의 위치 return. indexOf()와 반대로 0 에서 시작해서 오른 쪽에서 왼 쪽으로 count함. -1 값이 나오면 지정하는 문자 없음.</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR>
<TR>
<TD>match(string)</TD>
<TD>문자열에서 지정하는 특정문자와 일치하는&nbsp;문자열&nbsp;return.</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>replace(string1, string2)</TD>
<TD>문자열에서 지정하는 특정문자를 지정하는 다른 문자로 변환한 문자열 return.</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>search(string)</TD>
<TD>문자열로 부터 지정하는 특정문자를 검색하여 첫 문자의 위치 return. 없으면 -1 return</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>slice(index1, index2)</TD>
<TD>slice Method는 문자열 중에서 index1을 포함하고 index2를 제외한 부분의 문자열을 return</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>split(string)</TD>
<TD>문자열에서 지정하는 문자를 ',' (comma) 로 분리하여 문자열을 return</TD>
<TD>4.0</TD>
<TD>4.0</TD></TR>
<TR>
<TD>substr(index1, integer)</TD>
<TD>문자열을 index1로 지정한 위치로부터 integer로 지정하는 길이만큼의 문자열 return</TD>
<TD>4.0</TD>
<TD>
4.0</TD></TR>
<TR>
<TD>substring(index1, index2)</TD>
<TD>문자열을 index1부터 index2 이전 까지의 문자열 return</TD>
<TD>2.0</TD>
<TD>3.0</TD></TR></TBODY></TABLE> <A name=charAt_1></A>
<HR class=grayHr>
charAt(index) 예제 
아래의 표에 표시한 것 처럼 0 에서 시작해서 위치 2에 해당하는 문자 'b' 를 return 합니다.Source code <PRE class=input id=charAt>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.charAt(2)) 
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD class=gold>b</TD>
<TD>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(charAt);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=charCodeAt_fromCharCode></A>
<HR class=grayHr>
charCodeAt(string) &amp; fromCharCode(unicodes) 예제 
str.charCodeAt(0) 은 변수 str 의 첫 번째 문자인 W를 의미하고 1 은 e .... 이런 식으로 위치를 지정하여 Unicode 번호를 return 받습니다. 반대로 fromCharCode 의 경우 Unicode 번호를 입력하여 <A href="http://www.cadvance.org/doc/css/pseudo/iso-latin-1.asp" target=_blank>ISO-Latin-1 character set</A> 중에서 해당 문자를 return 받게 되져... 이 때 fromCharCode 앞에 반드시 String keyword를 사용해야 합니다.Source code <PRE class=input id=charCodeAt>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.charCodeAt(0) + "&lt;br /&gt;")
 document.write(str.charCodeAt(1) + "&lt;br /&gt;")
 document.write(str.charCodeAt(2) + "&lt;br /&gt;")
 document.write(str.charCodeAt(3) + "&lt;br /&gt;")
 document.write(str.charCodeAt(4) + "&lt;br /&gt;")
 document.write(str.charCodeAt(5) + "&lt;br /&gt;")
 document.write(str.charCodeAt(6) + "&lt;br /&gt;")
 document.write(str.charCodeAt(7) + "&lt;br /&gt;")
 document.write(str.charCodeAt(8) + "&lt;br /&gt;")
 document.write(str.charCodeAt(9) + "&lt;br /&gt;")
 document.write(String.fromCharCode("87","101","98") + "&lt;br /&gt;")
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR class=gold style="FONT-WEIGHT: bold">
<TD>code</TD>
<TD>87</TD>
<TD>101</TD>
<TD>98</TD>
<TD>32</TD>
<TD>100</TD>
<TD>101</TD>
<TD>115</TD>
<TD>105</TD>
<TD>103</TD>
<TD>110</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(charCodeAt);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=concat_1></A>
<HR class=grayHr>
concat(string) 예제 
concat은 concatenate의 약자로서 '연결시킨다'는 단어의 뜻 처럼 2개의 문자열을 합친 문자열을 return 합니다.Source code <PRE class=input id=concat>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str1 = "Web"
 var str2 = "design"
 document.write(str1.concat(" design") + "&lt;br /&gt;")
 document.write("Web ".concat(str2) + "&lt;br /&gt;")
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(concat);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=indexOf_lastIndexOf_1></A>
<HR class=grayHr>
indexOf(index) &amp; lastIndexOf(index) 예제 
indexOf Method는 0 에서 시작해서 오른쪽으로 count하고 lastIndexOf는 오른쪽 끝에서 왼쪽으로 count 해서 처음 만나는 'e' 의 위치를 return 해 줍니다. 일치하는 문자가 없으면 -1 을 return 합니다.Source code <PRE class=input id=indexOf_lastIndexOf>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.indexOf("e") + "&lt;br /&gt;")
 document.write(str.lastIndexOf("e") + "&lt;br /&gt;")
 document.write(str.indexOf("c"))
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD class=gold>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD class=gold>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(indexOf_lastIndexOf);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=match_1></A>
<HR class=grayHr>
match(string) 예제 
match Method는 문자열에서 지정하는 특정문자와 일치하는 문자열 return 합니다. 일치하는 문자가 없으면 null(아무 것도 없음) return.Source code <PRE class=input id=match>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.match("design") +"&lt;br /&gt;")
 document.write(str.match("besign"))
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD class=gold>d</TD>
<TD class=gold>e</TD>
<TD class=gold>s</TD>
<TD class=gold>i</TD>
<TD class=gold>g</TD>
<TD class=gold>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(match);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=replace_1></A>
<HR class=grayHr>
replace(string1, string2) 예제 
replace Method는 문자열에서 지정하는 특정문자를, 지정하는 다른 문자로 변환한 문자열로 return해 줍니다. 일치하는 문자가 없으면 아무 변화없이 출력.Source code <PRE class=input id=replace>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.replace("design", "&lt;b style='color:tomato;'&gt;design&lt;/b&gt;") + "&lt;br /&gt;")
 document.write(str.replace("html", "&lt;b style='color:tomato;'&gt;design&lt;/b&gt;"))
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(replace);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=search_1></A>
<HR class=grayHr>
search(string) 예제 
serach Method는 문자열로 부터 지정하는 특정문자를 검색하여 첫 문자의 위치 return 합니다. 없으면 -1 return.Source code <PRE class=input id=search_method>&lt;body&gt;
&lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 var search_1 = str.search("design")
 var search_2 = str.search("xy")
 document.write(search_1 + "&lt;br /&gt;")
 document.write(search_2)
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD class=gold>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(search_method);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=slice_1></A>
<HR class=grayHr>
slice(index1, index2) 예제 
slice Method는 문자열 중에서 index1을 포함하고 index2를 제외한 부분의 문자열을 return 해 줍니다.Source code <PRE class=input id=slice_method>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.slice(0, 3))
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD class=gold>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD class=gold>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(slice_method);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=split_1></A>
<HR class=grayHr>
split(string) 예제 
split Method는 문자열에서 지정하는 문자를 ',' (comma) 로 분리하여 문자열을 return해 줍니다. 지정한 문자와 일치하는 문자가 없으면 변화없이 return.Source code <PRE class=input id=split_method>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.split("e") + "&lt;br /&gt;")
 document.write(str.split(" ") + "&lt;br /&gt;")
 document.write(str.split("k"))
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(split_method);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=substr_1></A>
<HR class=grayHr>
substr(index1, integer) 예제 
문자열을 index1로 지정한 위치로부터 integer로 지정하는 길이만큼의 문자열 return 합니다.Source code <PRE class=input id=substr>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.substr(0, 3) + "&lt;br /&gt;") // 0에서 부터 3개 = Web
 document.write(str.substr(4, 6) + "&lt;br /&gt;") // 4에서 부터 6개 = design
 document.write(str.substr(2, 3) + "&lt;br /&gt;") // 2에서 부터 3개 = b d
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(substr);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> <A name=substring_1></A>
<HR class=grayHr>
substring(index1, index2) 예제 
문자열을 index1부터 index2 이전 까지의 문자열 return 합니다. 이 때 index2가 index1 보다 크다고 가정합니다. index1만 주면 그 이후의 문자를 모두 return 하고 index를 주지 않으면 전체를 return 합니다.Source code <PRE class=input id=substring>&lt;body&gt;
 &lt;script type="text/javascript"&gt;
 &lt;!--
 var str = "Web design"
 document.write(str.substring(0, 3) + "&lt;br /&gt;")
 document.write(str.substring(3, 0) + "&lt;br /&gt;") 
 document.write(str.substring(2) + "&lt;br /&gt;")
 document.write(str.substring())
 // --&gt;
 &lt;/script&gt;
&lt;/body&gt;
</PRE>
<TABLE style="BORDER-RIGHT: medium none; TABLE-LAYOUT: fixed; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=3 width="100%" bgColor=#666666 border=0>
<COLGROUP>
<COL style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center" span=11>
<TBODY>
<TR style="FONT-WEIGHT: bold; BACKGROUND-COLOR: #dadada">
<TD>Count</TD>
<TD>0</TD>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
<TD>7</TD>
<TD>8</TD>
<TD>9</TD></TR>
<TR>
<TD>String</TD>
<TD>W</TD>
<TD>e</TD>
<TD>b</TD>
<TD>space</TD>
<TD>d</TD>
<TD>e</TD>
<TD>s</TD>
<TD>i</TD>
<TD>g</TD>
<TD>n</TD></TR></TBODY></TABLE> <A href="javascript:copy2Clipboard(substring);open_window('../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A> 
<HR class=blackHr>

첨부파일

Tel. 042-353-2371

평일 오전 9시 ~ 오후 7시

기업은행

010-8649-6758

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