Bae

[Javascript] 문자열 수정(replace, replaceAll, subString, ...) 본문

Javascript

[Javascript] 문자열 수정(replace, replaceAll, subString, ...)

Bae:) 2022. 2. 9. 10:13

 

ㅁ 문자열 수정

replace(): 주어진 패턴과 일치하는 첫 번째 부분을, 주어진 문자열로 교체한 새로운 문자열을 반환

const str ='What are you doing?';
console.log(str.replace('you', 'we'));	//'What are we doing' 출력

 

replaceAll(): 주어진 패턴과 일치하는 모든 부분을 주어진 문자열로 교체한 새로운 문자열을 반환

const str = 'hello hi hi hello';
console.log(str.replace('hi', '??'));		//'hello ?? hi hello' 반환
console.log(str.replaceAll('hi', '??'));	//'hello ?? ?? hello' 반환

 

subString(): 문자열의 주어진 시작 인덱스부터 주어진 종료 인덱스 이전 인덱스(종료 인덱스: -1)까지 새로운 부분 문자열로 반환

const str = 'hello world';
console.log(str.substring(0,5));	//'hello' 출력

 

slice(시작위치, 종료위치): 주어진 인자에 따라 문자열의 일부를 추출해 새로운 문자열로 반환, 시작인자는 필수

-str.slice(5): 인덱스 5부터 끝까지

-str.slice(2, 7): 인덱스 2부터 종료위치의 앞 인덱스 6까지

-str.slice(-3): 시작위치를 음수로 지정할 경우, 문자열의 끝부터 시작해 문자열을 자름, 뒤에서 세번째 글자까지

-str.slice(-4, -3): 시작위치와 종료위치를 음수로 지정할 경우, 문자열의 끝부터 시작해 지정한 (시작 인덱스부터 종료 인덱스의 이전 인덱스)만큼 문자열을 자름, 뒤에서 다섯번째('o')부터 뒤에서 네번째 글자('r')까지

const str = 'hello world!';
console.log(str.slice(5));	//' world!' 출력
console.log(str.slice(2, 7));	//'llo w' 출력
console.log(str.slice(-3));	//'ld!' 출력
console.log(str.slice(-5, -3));	//'or' 출력

 

split(): 문자열을 주어진 구분자를 기준으로 자른 뒤, 그 결과를 배열로 반환

const str = 'How old are you?';
console.log(str.split(' '));	//['How', 'old', 'are', 'you?'] 출력
Comments