텍스트 문자열을 조작하고 서식을 지정하거나 문자열 안에서 부분 문자열을 결정하고 위치를 지정할 수 있다.
 |
Script |
=new String(['stringValue']);
[propVal=]..propName; |
| HTML |
없다. |
- 인수
-
- stringObj
- 필수적인 요소이며 String 개체가 할당되는 변수 이름이다.
- stringValue
- 선택적인 요소이며 임의의 유니코드 문자 그룹이다.
- 특징
String 개체는 문자들이 연속된 문자열이며 이중따옴표(")나 단일따옴표(')로 "씩㈐愎�.
- 생성
String 개체는 String.constructor로 생성한다.
var myStr=new String('문자열이다.');
- 특기
-
String 개체는 문자열 리터럴을 사용하여 함축적으로 만들 수 있다. 이런 방법으로 만든 String 개체는(표준 문자열이라고도 함) new 연산자를 사용하여 만든 String 개체와는 다르게 취급한다. 모든 문자열 리터럴은 공통의 전역 문자열 개체를 공유한다. 따라서 문자열 리터럴에 속성을 추가하면 모든 표준 문자열 개체에 해당 속성을 사용할 수 있다.
다음 두 예제의 차잇점을 비교해 보라.
myStr1 문자열 리터럴에 대해 정의되었고,
myStr1.
test는 정의되지 않았다.
var myStr1='문자열이다.';
myStr1.test='문자';
document.write(myStr1+'<BR>'+myStr1.test);
myStr2 개체로 선언한
String 개체는 해당 구성원을 가진다. 이 경우
String 개체와 문자열 리터럴이 다르게 취급된다.
var myStr2=new String("문자열이다.");
myStr2.test='문자';
document.write(myStr2+'<BR>'+myStr2.test);
설명을 위한 예제
|
<SCRIPT>
strObj1=new String('문자열 예제');
strObj1.prototype=strPro1;
function strPro1(){document.write(strObj1.prototype)};
</SCRIPT>
|
constructor 속성
IE3.02 NS2
⇒
String 개체의
prototype을 만드는 기능함수를 지정한다.
문법: String.constructor=newConstructor]
코드: document.write(strPro1.prototype.constructor)
결과: length 속성
IE3.02 NS2
⇒
String 개체의 길이를 반환한다.
문법: strObj.length=newLength]
코드: strObj='테스트 문자열';document.write(strObj+' | '+strObj.length)
결과:
prototype 속성
IE4 NS3
⇒ 설정자가 메서드와 속성들을 추가할 수 있는 개체의 클래스의 초기 설정에 대한
prototype을 나타낸다.
Object.
prototype 혹은
Function.
prototype 속성을 참고하라.
문법: strObj.prototype=newPrototype]
코드: strObj=new String();strObj.prototype=strPro;function strPro(){document.write(strObj.prototype)};document.write(strObj.prototype)
결과:
anchor 메서드
IE3.02 NS2
⇒ HTML
<A name='name'></A> 태그에 해당하는 HTML 연결(anchor)을 생성한다.
문법: strObj.anchor('name')
코드:strObj='anchorText'.anchor('testAnchor');document.write(strObj.anchor())
결과:
big 메서드
IE3.02 NS2
⇒ HTML
<BIG></BIG> 태그에 해당하는 큰 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.big()
코드: strObj='큰글자';document.write(strObj.big())
결과:
blink 메서드
IE3.02 NS2
⇒ HTML
<BLINK></BLINK> 태그에 해당하는 깜박이는 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.blink()
bold 메서드
IE3.02 NS2
⇒ HTML
<B></B> 태그에 해당하는 굵은 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.bold()
코드: strObj='굵은 글자';document.write(strObj.bold())
결과:
charAt 메서드
IE3.02 NS2
⇒ 문자열 인수(index)에 해당하는 문자를 반환한다.
문법: strObj.charAt(index)
코드: strObj='012345';document.write(strObj.charAt(3))
결과:
charCodeAt 메서드
IE5 NS4
⇒ 문자열 인수(index)에 해당하는 문자를
Unicode 값으로 반환한다.
문법: strObj.charCodeAt(index)
코드: strObj='012345';document.write(strObj.charCodeAt(3))
결과:
concat 메서드
IE4 NS4
⇒ 문자열을 결합하여 결합된 새로은 문자열을 반환한다.
문법: strObj.concat(strName2,strName3,...strName[n])
코드: strObj1='012345';strObj2=' 문자열의 ';strObj3='결합 예제';document.write(strObj.concat(strObj1,strObj2,strObj3))
결과:
fixed 메서드
IE3.02 NS2
⇒ HTML
<TT></TT> 태그에 해당하는 너비가 일정한 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.fixed()
코드: strObj='iiiiiWWWW';document.write(strObj+' | '+strObj.fixed())
결과:
fontcolor 메서드
IE3.02 NS2
⇒
<FONT color="color"></FONT> 태그에 해당하는 글자 색상으로 문자열을 표시한다.
문법: strObj.fontcolor('color')
코드: strObj='012345';document.write(strObj.fontcolor('red'))
결과:
fontsize 메서드
IE3.02 NS2
⇒
<FONT size="fontsize"></FONT> 태그에 해당하는 글꼴 크기로 문자열을 표시한다.
문법: strObj.fontsize('fontsize')
코드: strObj='012345';document.write(strObj.fontsize('6'))
결과:
fromCharCode 메서드
IE4 NS4
⇒ 지정된 인수(num)에 해당하는 글자를
Unicode에서 문자로 반환한다.
문법: String.fromCharCode(num1,....,numN)
코드: document.write(String.fromCharCode(48,57,65,90,97,122,135))
결과:
indexOf 메서드
IE3.02 NS2
⇒
String 개체에서 호출하면,
fromIndex 인수로 지정된 위치에서 시작하여,
searchValue 인수에 지정된 검색문자열과 처음 일치하는 부분 문자열의 시작 인수(index)점을 반환한다.
문법: strObj.indexOf(searchValue,[fromIndex])
코드: strObj='012345 123 12345';document.write(strObj.indexOf('1',8))
결과:
italics 메서드
IE3.02 NS2
⇒ HTML
<I></I> 태그에 해당하는 기우러진 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.italics()
코드: strObj='abcABC가나다123';document.write(strObj+' | '+strObj.italics())
결과:
lastIndexOf 메서드
IE3.02 NS2
⇒
String 개체에서 호출하면, 지정된
fromIndex 시작 인수에서 뒤로 검색하여, 지정된
searchValue 인수 검색 문자열을 만나면 그 위치 인수(index)를 반환한다. 이는 인수로 지정한 조건 전에 마지막으로 일치하는 부분이다.
문법: strObj.lastIndexOf(searchValue,[fromIndex])
코드: strObj='012345 123 12345';document.write(strObj.lastIndexOf('1',8))
결과:
link 메서드
IE3.02 NS2
⇒ 문서의 HTML 하이퍼링크를 생성하는데 사용된다.
문법: strObj.link('targetURL')
코드: strObj='색인표 연결';url='http://trio.co.kr/webrefer/tutmain.html';document.write(strObj.link(url))
결과:
localeCompare 메서드
IE5 NS6
⇒ 두개의 문자열의 로케일이 동일한지 여부를 반환한다.
문법: strObj.localeCompare('targetURL')
코드: strObj='색인표 연결';url='http://trio.co.kr/webrefer/tutmain.html';document.write(strObj.localeCompare(url))
결과:
코드:url='http://trio.co.kr/webrefer/tutmain.html';document.write(url.localeCompare(url))
결과:
match 메서드
IE4 NS4
⇒ 문자열에 대해 지정된 정규식(
RegExp) 일치를 검정한다.
문법: strObj.match(regexp)
코드: strObj='abc Abc ABC aBc abC';regexp=RegExp(/aBc/g);document.write(strObj.match(regexp))
결과:
replace 메서드
IE4 NS4
⇒ 문자열에 대해 지정된 정규식(
RegExp) 일치를 검정하여 일치 부분 문자열을 인수에서 지정한
newSubString 문자열로 대체한다.
문법: strObj.replace(regexp,newSubString)
코드: strObj='abc Abc ABC aBc abC';regexp=RegExp(/b/ig);document.write(strObj.replace(regexp,'i'))
결과:
search 메서드
IE4 NS4
⇒ 지정된 문자열에서 정규식으로 일치를 검정하여 처음 일치하는 문자열의 시작 인수를 반환한다.
문법: strObj.search(regexp)
코드: strObj='abc Abc ABC aBc abC';regexp=RegExp(/Ab/g);document.write(strObj.search(regexp))
결과:
slice 메서드
IE4 NS4
⇒ 지정된 문자열에서 정규식으로 일치를 검정하여
startSlice이후 처음 일치하는 문자열의 시작 인수에서
endSlice 바로 전까지의 문자열을 새로운 문자열로 반환한다.
문법: strObj.slice(startSlice,endSlice)
코드: strObj='abc ccc ABC aBc abC';regexp=RegExp(/b/g);document.write(strObj+' | '+strObj.slice(2,10))
결과:
small 메서드
IE3.02 NS2
⇒ HTML
<SMALL></SMALL> 태그에 해당하는 작은 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.small()
코드: strObj='작은 글자';document.write(strObj.small())
결과:
split 메서드
IE4 NS3
⇒ 문자열을
limit 인수 갯수까지
separator에서 분리하여 새로운 부분 문자열들을 생성하고, 생성된 문자열들의 배열변수(array)를 만든다.
문법: strObj.split([separator][,limit])
코드: strObj='abc Abc ABC aBc abC';document.write(strObj.split('a',3))
결과:
strike 메서드
IE3.02 NS2
⇒ HTML
<STRIKE></STRIKE> 태그에 해당하는 지운 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.strike()
코드: strObj='지운 글자';document.write(strObj.strike())
결과:
sub 메서드
IE3.02 NS2
⇒ HTML
<SUB></SUB> 태그에 해당하는 아래첨자 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.sub()
코드: strObj='아래첨자 글자';document.write('보통글자'+strObj.sub())
결과:
substr 메서드
IE4 NS4
⇒ 문자열에서 시작인수
start부터 지정된 길이
length 인수 만큼 추출하여 부분 문자열을 생성한다.
문법: strObj.substr(start[,length])
코드: strObj='123456789012345';document.write(strObj.substr('0',4))
결과:
substring 메서드
IE3.02 NS2
⇒ 문자열에서 시작인수
startIndex부터 지정된 마지막 인수
endIndex 인수까지 추출하여 부분 문자열을 생성한다.
문법: strObj.substring(startIndex,endIndex)
코드: strObj='123456789012345';document.write(strObj.substring(3,9))
결과:
sup 메서드
IE3.02 NS2
⇒ HTML
<SUP></SUP> 태그에 해당하는 위첨자 글꼴을 사용하여 문자열을 표시한다.
문법: strObj.sup()
코드: strObj='위첨자 글자';document.write('보통글자'+strObj.sup())
결과:
toLocaleLowerCase 메서드
IE5 NS6
⇒ 문자열의 문자들을 각 로케일 소문자로 변환하여 반환한다.
문법: strObj.toLocaleLowerCase()
코드: strObj='CONVERT String Characters to Lower Case';document.write(strObj+'⇒'+strObj.toLocaleLowerCase())
결과:
코드: document.write(Date()+'⇒'+Date().toLocaleLowerCase())
결과:
toLocaleUpperCase 메서드
IE5 NS6
⇒ 문자열의 문자들을 각 로케일 대문자로 변환하여 반환한다.
문법: strObj.toLocaleUpperCase()
코드: strObj='CONVERT String Characters to Lower Case';document.write(strObj+'⇒'+strObj.toLocaleUpperCase())
결과:
코드: document.write(Date()+'⇒'+Date().toLocaleUpperCase())
결과:
toLowerCase 메서드
IE3.02 NS2
⇒ 문자열의 각 문자들을 소문자로 변환하여 반환한다.
문법: strObj.toLowerCase()
코드: strObj='CONVERT String Characters to Lower Case';document.write(strObj+'⇒'+strObj.toLowerCase())
결과:
코드: document.write(Date()+'⇒'+Date().toLowerCase())
결과:
toSource 메서드
IE4 NS4.06
⇒ 지정된
Object 개체를 생성하는데 사용된 소스코드를 반환하고, 일반적으로 JavaScript에 의해 직접 호출된다.
새로은 개체를 만들수 있으며, 이는
Object.
toSource 메서드를 덮어씌운다.
문법: strObj.toSource()
toString 메서드
IE3.02 NS4.06
⇒ 다른
개체에 의하여 생성된
String 개체를 나타내는 문자열을 반환한다.
문법: strObj.toString()
코드: strObj=new Date();document.write(strObj.toString())
결과:
toUpperCase 메서드
IE3.02 NS2
⇒ 문자열의 각 문자들을 대문자로 변환하여 반환한다.
문법: strObj.toUpperCase()
코드: strObj='CONVERT String Characters to upper Case';document.write(strObj+'⇒'+strObj.toUpperCase())
결과:
코드: document.write(Date()+'⇒'+Date().toUpperCase())
결과:
valueOf 메서드
IE4 NS3
⇒
String 개체로부터 상속되고 지정된 배열변수의 원시(primitive)값을 반환한다.
결과는
strObj.
toString과 같다.
문법: strObj.valueOf
코드: strObj=12345;document.write(strObj.valueOf(),' | ',Date().valueOf())
결과: