본문 바로가기
💻 하나씩 차곡차곡/Front-end

[자바스크립트/Javascript] replace()란?

by 뚜루리 2021. 11. 2.
728x90
320x100

 

replace() 메서드는 문자열을 치환/변환 할 때 사용한 메서드.
※ 문자열에서 첫번째로 변경하려는 문자열이 여러번 반복될 경우, 첫번째로 발견한 문자열만 치환해줌.
그럼 replaceAll() 이라는 메서드쓰면 되지 않나여? 없어요ㅇㅇ.

[사용방법]

replace(“찾을 문자열”, “변경할 문자열”);


[사용예]

→ 해당 문자열에서 첫번째로 검색된 ‘배’를 ‘오렌지’로 변경해라.

let str = "사과, 배, 수박";
let strRep = str.replace("배", "오렌지");
console.log(strRep);

 

[결과값]

 



그렇다면 찾는 문자열이 여러번 반복될 때 그 모든 문자열을 변경하고 싶다면?

정규표현식을 사용하면 됨!

[사용방법]

replace(“/찾을 문자열/gi”, “변경할 문자열”);



[사용예]

→ 해당 문자열에서 ‘배’ 를 모.두. ‘오렌지’로 변경해라.

	let str2 = "사과, 배, 배, 배, 수박" ;
	let strRep2 = str2.replace(/배/gi, "오렌지");
	console.log(strRep2);

g (global) :  전체 모든 문자열을 변경함.

※ i (ignore) :  영문 대소문자를 구분없음.


[결과값]



 

 


728x90
320x100