자바스크립트 String 객체 메서드

String 객체 메서드

String 객체의 메서드를 사용하여보자

 

아래 stringEx String 변수를 각 String메서드에서 활용한다.

 

var stringEx = "This Is String."; 

출력

stringEx = This Is String.

1. charAt(position) : position 위치의 문자를 리턴

var stringEx01 = stringEx.charAt(3) document.write("stringEx.charAt(3) : " + stringEx01 + "
"); 

출력

2. charCodeAt(position) : position 위치의 문자를 유니코드번호로 리턴

var stringEx02 = stringEx.charCodeAt(3) document.write("stringEx.charCodeAt(3) : " + stringEx02 + "
"); 

출력

3. concat(value) : 매개변수 value 문자열을 기존 문자열에 이어서 리턴

var stringEx03 = stringEx.concat("hello world."); document.write("stringEx.concat('hello world') : " + stringEx03 + "
"); 

출력

stringEx.concat('hello world') : This Is String.hello world.

4. indexOf(str, position) : position 이후 자리에서 str문자열이 일치하는 것이 있으면 그 자리의 index를 리턴

var stringEx04 = stringEx.indexOf('i',0); document.write("stringEx.indexOf('i',0) : " + stringEx04 + "
"); stringEx04 = stringEx.indexOf('i',3); document.write("stringEx.indexOf('i',3) : " + stringEx04 + "
"); stringEx04 = stringEx.indexOf('ing',0); document.write("stringEx.indexOf('ing,0) : " + stringEx04 + "
"); 

출력

stringEx.indexOf('i',0) : 2
stringEx.indexOf('i',3) : 11
stringEx.indexOf('ing,0) : 11

5. lastIndexOf(str, position) : 문자열 뒤에서부터 position 이전 자리에서 str문자열이 일치하는 것이 있으면 그 자리의 index를 리턴

var stringEx05 = stringEx.lastIndexOf('i',stringEx.length); document.write("stringEx.lastIndexOf('i'," + stringEx.length + ") : " + stringEx05 + "
"); 

출력

stringEx.lastIndexOf('i',15) : 11

6. toLowerCase() : 문자열을 소문자로 변환하여 리턴

var stringEx13 = stringEx.toLowerCase(); document.write("stringEx.toLowerCase(): " + stringEx13 + "
"); 

출력

stringEx.toLowerCase(): this is string.

7. toUpperCase() : 문자열을 대문자로 변환하여 리턴

var stringEx14 = stringEx.toUpperCase(); document.write("stringEx.toUpperCase() : " + stringEx14 + "
"); 

출력

stringEx.toUpperCase() : THIS IS STRING.

 

8. match(value) : 문자열에 value문자열이 일치되는 것이 있으면 그 문자열을 리턴, 없으면 null을 리턴

var stringEx06 = stringEx.match('is'); document.write("stringEx.match('is') : " + stringEx06 + "
"); stringEx06 = stringEx.match('are'); document.write("stringEx.match('are ') : " + stringEx06 + "
"); 

출력

stringEx.match('is') : is
stringEx.match('are ') : null

9. replace(value, value2) : 문자열의 value문자열과 일치되는 문자열을 value2로 바꿔서 리턴

  var stringEx07 = stringEx.replace('String', 'replace'); document.write("stringEx.replace('String', 'replace') : " + stringEx07 + "
"); 

출력

stringEx.replace('String', 'replace') : This Is replace.

10. search(value) : 문자열에 value문자열 값과 일치되는 문자열의 시작 index를 리턴

var stringEx08 = stringEx.search("String"); document.write("stringEx.search('String') : " + stringEx08 + "
"); 

출력

stringEx.search('String') : 8

11. slice(start, end) : 문자열의 start 자리부터 end자리까지의 문자열을 리턴

var stringEx09 = stringEx.slice(3, 10); document.write("stringEx.slice(3, 10) : " + stringEx09 + "
"); 

출력

stringEx.slice(3, 10) : s Is St

12. split(separator, limit) : 문자열을 separator 문자열과 일치하는 것을 단위로 잘라 배열을 리턴. 이때 limit 갯수만큼만 리턴

var stringEx10 = stringEx.split('i',1); document.write("stringEx.split('i',1) : " + stringEx10 + "
"); stringEx10 = stringEx.split('i',3); document.write("stringEx.split('i',3) : " + stringEx10 + "
"); 

출력

stringEx.split('i',1) : Th
stringEx.split('i',3) : Th,s Is Str,ng.

13. substr(start, length) : start자리부터 length길이만큼 문자열을 리턴

var stringEx11 = stringEx.substr(2,8); document.write("stringEx.substr(2,8) : " + stringEx11 + "
"); 

출력

stringEx.substr(2,8) : is Is St

14. substring(start, end) : start자리부터 end자리까지 문자열을 리턴

var stringEx12 = stringEx.substring(3, 10); document.write("stringEx.substring(3, 10) : " + stringEx12  + "
"); 

출력

stringEx.substring(3, 10) : s Is St