ss [javascript]replace() / replaceAll()
본문 바로가기
Javascript

[javascript]replace() / replaceAll()

by 꿈나무개발 2022. 8. 17.
728x90

replace() / replaceAll()

replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.

"문자열".replace(찾을 문자열, 변경할 문자열)
"문자열".replace(정규식)
"문자열".replace(정규식, 변경할 문자열)
const str1 = "javascript reference";
const currentStr1 = str1.replace("javascript", "자바스크립트");
const currentStr2 = str1.replace("j", "J"); 
const currentStr3 = str1.replace("e", "E"); //첫 번째 e만 바뀜
const currentStr4 = str1.replaceAll("e", "E"); //replaceAll() 사용하여 모든 e가 바뀜
const currentStr5 = str1.replace(/e/g, "E"); //정규표현식 사용하여 모든 e가 바뀜. g는 글로벌의 약자
const currentStr6 = str1.replace(/e/gi, "E"); //gi를 사용하면 소문자 대문자 구분하지 않음. 

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

const str3 = "010-0000-1000";
const currentStr8 = str3.replace("-", ""); 
const currentStr9 = str3.replaceAll("-", "");
const currentStr10 = str3.replaceAll(/-/g, "");
const currentStr11 = str3.replaceAll(/-/g, " ");
const currentStr12 = str3.replaceAll(/-/g, "*");
const currentStr13 = str3.replace(/[1-9]/g, "*");
결과보기
728x90
반응형

'Javascript' 카테고리의 다른 글

[javascript]repeat()  (3) 2022.08.17
[javascript]concat()  (3) 2022.08.17
[javascript]split()  (2) 2022.08.17
[javascript]소문자 / 대문자 / 공백  (2) 2022.08.17
[javascript]문자열 결합 / 템플릿 문자열  (1) 2022.08.17

댓글


HTML
CSS
JAVASCRIPT

JAVASCRIPT

자세히보기
광고 준비중입니다.