본문 바로가기
Javascript

문자열 메서드 : replace() / replaceAll()

by 코딩 척척학사 2022. 8. 17.
728x90

문자열 메서드 : replace(), replaceAll()

문자열 메서드를 활용하면 문자열에서 특정 문자열을 선택해 다른 문자열로 바꿀 수 있습니다.

> replace() / replaceAll() 메서드

replace() 메서드는 문자열의 특정 부분을 선택해 바꾼 후 바뀐 문자열을 반환하여 줍니다. replaceAll() 메서드는 replace() 메서드와 비슷하지만, 찾는 문자열을 모두 선택한다는 차이점이 있습니다.

//replace()
"문자열".replace("찾을 문자열", "변경할 문자열")
"문자열".replace(정규식, "변경할 문자열")

//replaceAll()
"문자열".replace("찾을 문자열", "변경할 문자열")
"문자열".replace(정규식, "변경할 문자열")
const str1 = "javascript reference";

//replace() 메서드
const currentStr1 = str1.replace("javascript", "자바스크립트"); //자바스크립트 reference
const currentStr2 = str1.replace("j", "J"); //Javascript reference
const currentStr3 = str1.replace("e", "E"); //javascript rEference
const currentStr4 = str1.replaceAll("e", "E"); //javascript rEfErEncE
const currentStr5 = str1.replace(/e/g, "E"); //javascript rEfErEncE //g는 모두 선택하는 정규식
const currentStr6 = str1.replace(/e/gi, "E"); //javascript rEfErEncE    //gi는 대소문자 가리지 않고 모두 선택하는 정규식

const str2 = "https://www.naver.com/img01.jpg";
const currentStr7 = str2.replace("img01.jpg", "img02.jpg");

//replaceAll() 메서드
const str3 = "010-2000-1000";
const currentStr8 = str3.replace("-", ""); //0102000-1000
const currentStr9 = str3.replaceAll("-", ""); //01020001000
const currentStr10 = str3.replaceAll(/-/g, ""); //01020001000
const currentStr11 = str3.replaceAll(/-/g, " "); //010 2000 1000
const currentStr12 = str3.replaceAll("-", "*"); //010*2000*1000
const currentStr13 = str3.replaceAll(/[1-9]/g, "*"); //0*0-*000-*000
728x90

댓글


HTML이 적힌 썸네일 이미지
CSS가 적힌 썸네일 이미지
JAVASCRIPT가 적힌 썸네일 이미지

JAVASCRIPT

자세히 보기