프론트엔드/javascript

자바스크립트 문자열(String) 객체의 메서드 및 속성

Se Yeon 2022. 1. 12. 18:32

문자열 객체를 생성하는 방법 
 문자열 객체는 new키워드와 String()메서드를 이용하여 생성한다. 

let t = new String("hello javascript");

1. charAt(index) 

문자열에서 인덱스 번호에 해당하는 문자를 반환한다. 

let t = "Hello Thank you good luck to you";

document.write(t.charAt(16)); 
// 인덱스 16에 저장된 문자를 불러오기때문에 g를 반환하게 된다.

 


2. indexOf("찾을 문자")

 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.indexOf("you"));
//"you"의 첫 시작인 y의 인덱스 번호 12 출력


3. lastIndexOf("찾을 문자")

 오른쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.lastIndexOf("you"));
// 오른쪽에서 왼쪽 방향으로 가장 먼저 발견된 "you"의 인덱스 값 29 반환

 

4. match("찾을 문자")

  문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 반환함. 찾는 문자가 없다면 null을 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.match("luck"));
// 있으므로 luck 반환


5. replace("바꿀 문자","새 문자")

 왼쪽부터 바꿀 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 새 문자로 치환한다.

let t = "Hello Thank you good luck to you";

document.write(t.replace("you","me"));

//you가 me로 변경되어서 출력

 

6. search("찾을 문자")

 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 인덱스 번호를 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.search("you"));
//왼쪽에서부터 가장 먼저 발견된 "you"의 인덱스 번호 12를 반환함

 

7. slice(a,b)

   a개의 문자를 자르고 b번째 이후에 문자를 자른 후 남은 문자를 반환한다. 

let t ="Hello Thank you good luck to you";

document.write(t.slice(3,7));
// 3번째 문자인 l의 앞인 Hel을 자르고  T다음인 7번째문자 h부터 자른다.
// lo T 출력

 

8. substring(a,b)

  a 인덱스부터 b 인덱스 이전 구간의 문자를 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.substring(6,12));
//문자열 인덱스 6부터 12 이전까지의 문자를 가져온다.
// Thank

 

9. substr(a, 문자 개수)

  문자열에 a인덱스부터 지정한 문자 개수만큼 문자열을 반환한다. 

let t = "Hello Thank you good luck to you";

document.write(t.substr(21,4));
//문자열 인덱스 21부터 4글자를 가져온다. 
// luck 반환

 

10. split("문자")

   지정한 문자를 기준으로 문자 데이터를 나누어 배열에 저장하여 반환한다.

let s = t.split(" ");
//공백 문자를 기준으로 문자를 분리한다. 분리된 문자열은 배열에 저장되어 s에 할당한다.
// Hello, Thank, you, good, luck, to , you 7개의 문자로 나뉘어진다.

 

11. toLowerCase()
문자열에서 영문 대문자를 모두 소문자로 바꾼다.

let t = "Hello Thank you good luck to you";

document.write(t.toLowerCase());
//hello thank you good luck to you 출력

12. toUpperCase()
문자열에서 영문 소문자를 모두 대문자로 바꾼다.

let t = "Hello Thank you good luck to you";

document.write(t.toUpperCase());
//HELLO THANK YOU GOOD LUCK TO YOU 출력

13. length
문자열에서 문자의 개수를 반환한다.

let t = "Hello Thank you good luck to you";

document.write(t.length);
// 문자열의 문자 총 개수를 반환한다. 공백도 문자로 포함하니까 주의하자
// 32 반환


14. concat("새로운 문자")
문자열에 새로운 문자열을 결합한다.

let t = "Hello Thank you good luck to you";

document.write(t.concat("^^"));
//  Hello Thank you good luck to you^^


15. charCodeAt(index)

문자열 인덱스에 해당 문자의 아스키 코드값을 반환한다.

let str = "A";

document.write(str.charCodeAt(0));
// 0번 문자열인 "A"의 아스키 코드값을 반환함
// 65


16. fromCharCode(아스키 코드 값)

아스키 코드값에 해당하는 문자를 반환한다.

document.write(String.fromCharCode(65));
// 코드값 65에 해당하는 문자를 반환한다. 
// A