Java Script & DOM/Java Script

자바스크립트 - 문자열(String) 객체

본클라쓰 2010. 11. 25. 18:52

 

 문자열은 텍스트 형태의 문자를 처리하기 위한 객체로 생성 방법은 변수에 문자열을 할당하는 방법과 new 연산자를 사용한 방법이 있다.

 

 

문자열 객체 생성 방법

var str1 = "안녕하세요!";

var str2 = new String("안녕하세요!");

 

 

문자열 객체의 속성

속성

설명

length

문자열의 길이를 반환

 

var txt = "Hellow world!";

document.write(txt.length);

 

결과) 12

prototype

객체의 속성이나 메소드를 추가하는 속성(사용빈도 낮아서 설명안함)

 

 

문자열 객체의 메소드

메소드

설명

chatAt(index)

인덱스로 주는 값에 위치하는 문자를 반환한다. 이 때 인덱스 값은 첫글자가 0으로 시작하며, 마지막 글자는 txt.length-1 값이다.

 

var str = "Hello world!“;

document.write("First character: " + str.chatAt(0) + "<br />");

 

결과) H

charCodeAt(index)

인덱스 값에 해당하는 문자의 유니코드 값을 반환. 이 때 첫 번째 문자의 인덱스은 0이다.

 

var str = "Hello world!";

document.write("First character: " + str.charCodeAt(0) + "<br />");

 

결과) 72

concat(string1, string2, ..., stringx)

두 개 이상의 문자열을 하나로 합쳐주는 메소드이다.

 

var str1 = "Hello ";

var str2 = "world!";

document.write(str1.concat(str2));

 

결과) Hello world!

fromCharCode(int1, int2, ..., intX)

유니코드의 값을 문자값으로 변환해주는 메소드

 

document.write(String.fromCharCode(72, 69));

 

결과) HE

indexOf(searchstring, start)

지정한 문자열이 첫 번째 등장하는 인덱스 값을 반환한다. ( indexOf()메소드는 대소문자를 구분한다.)

 

var str = "Hello world!";

document.write(str.indexOf("o"));

 

결과) 5

lastIndexOf(searchstring, start)

지정한 문자열이 마직에 등장하는 인덱스 값을 반환한다. ( indexOf() 메소드와 마찬가지로 대소문자를 구분한다.)

 

var str = "Hello world!";

document.write(str.lastIndexOf("o"));

 

결과) 8

match(regexp)

문자열과 정규 표현식을 비교하여 일치하는 값들을 반환한다.

 

var str = "The rain in SPAIN stays mainly in the plain";

var patt = /ain/;

document.write(str.match(patt));

 

결과) ain, ain, ain

메소드

설명

replace(regexp/substr, newString)

표현식과 문자열을 비교하여 같은 문자열을 새로운 문자열로 변경하는 메소드(대소문자를 구분한다. )

 

var str = "Visit Microsoft!";

document.write(str.replace("Microsoft", "W3Schools"));

 

결과) Vist W3Schools

search(regexp)

정규 표현식과 문자열을 비교하여 일치하는 점을 반환한다. 일치하는 문자열이 없는 경우 -1을 반환한다. 대소문자를 구별한다.

 

var str = "Visit W3Schools";

document.write(str.search("W3Schools"));

 

결과) 6

slice(begin, end)

문자열을 추출하여 새로운 문자열 객체로 반환하다. 추출할 수 없다면 -1을 반환한다.

 

var str = "Hello world!";

document.write(str.slice(6) +“<br />");

 

결과) world!

split(separator, limit)

문자열을 나눈 문자열의 배열로 사용하기 위한 메소드로 배열로 반환한다.

 

var str = "How are you?";

document.write(str.split("") + "<br />");

document.write(str.split(" ", 3));

 

결과) H,o,w, ,a,r,e, ,y,o,u,?

How,are,you

substr(시작, 끝)

문자열에서 시작값과 끝값까지의 새로운 문자열을 반환한다.

 

var str = "Hello world!";

document.write(str.substr(3) + "<br />");

document.write(str.substr(3,4));

 

결과) lo world!

lo w

subString(from, to)

문자열을 시작값과 종료값까지 새로운 문자열로 반환하는 메소드

 

var str = "Hello world!";

document.write(subString(3,7));

 

결과) lo w

toLowerCase()

문자열을 소문자로 변환하는 메소드

toUpperCase()

문자열을 대문자로 변환하는 메소드