HTML, CSS, JavaScript

[JavaScript] 자바스크립트의 객체③ String 객체

망고고래 2023. 12. 5. 15:36

자바스크립트의 String 객체는 문자열을 다루기 위한 메서드를 제공하는 객체이다.

 

1. 객체 생성

var str = new String('개구리');
//혹은
var str = '개구리';

 

 

2. String 객체 내장 프로퍼티

length: 문자열의 개수를 반환함

 

3. String 객체 메서드

1) charAt(n): 인덱스번호 n번인 문자 반환

var str = 'javascript';
console.log(str.charAt(3));
//a 출력

 

2)indexOf( ): 왼쪽부터 특정 문자를 검색해서 인덱스 번호 반환

var str = 'javascript';
console.log(str.indexOf('a'));
//1 출력
//없으면 -1 출력

 

3)lastIndexOf( ) : 오른쪽부터 특정 문자를 검색해서 인덱스 번호 반환

var str = 'javascript';
console.log(str.lastIndexOf('a'));
//3 출력
//없으면 -1 출력

 

4)includes(): 특정 문자가 포함되어있으면 true, 없으면 false 반환

var str = 'javascript';
console.log(str.includes('z'));
//false 출력

 

5)substring(n): 인덱스 n번부터 끝까지 반환

substring(n,m): 인덱스 n번부터 m-1번까지 반환

var str = 'javascript';
console.log(str.substring(2,5));
//vas 출력

 

6)substr(n,m): 인덱스 n번부터 m개의 문자 반환

var str = 'javascript';
console.log(str.substr(2,5));
//vascr 출력


7)split(): 파라미터로 넣은 문자를 기준으로 분할 후 배열 생성

var str = 'java_script';
console.log(str.split('_'));
//['java', 'script'] 출력

 

8)replace('x','y'): x를 y로 변경

var str = 'javascript';
console.log(str.replace('java','Jquery'));
//Jqueryscript 출력

 

9)concat(): 문자와 문자 연결

변수1.concat(변수2)

var str1 = 'java';
var str2 = 'script';
console.log(str1.concat(str2));
//javascript 출력

 

10)trim(): 문자열의 앞뒤 공백 제거

var str = ' java script ';
console.log(str.trim());
//java script 출력
//문자열 중간의 공백은 제거하지 않는다

 

11)toLowerCase(): 소문자로 변경

var str = 'JAVASCRIPT';
console.log(str.toLowerCase());
//javascript 출력

 

12)toUpperCase(): 대문자로 변경

var str = 'javascript';
console.log(str.toUpperCase());
//JAVASCRIPT 출력