Skill/Javascript

JS/jQuery - 특정 문자 제거&변경(모두, 일부, 대소문자) : replace()

2024. 6. 23.
목차
728x90
반응형

닌니디자인 JS 썸네일

replace()

문자열에서 특정 부분 문자열을 다른 문자열로 대체하는 함수. 원본 문자열을 변경하는 것이 아니라 새로운 문자열을 반환한다. 바꾸고자 하는 문자열(substr)과 대체할 문자열(newSubstr)을 지정할 수 있다. 대체할 문자열을 빈칸으로 지정하면 특정 문자는 제거된다. 만약, 특정 문자를 모두 대체하려면 정규식을 이용한다.

let newStr = str.replace(substr, newSubstr)

 

 

예시

특정 문자 제거하기/변경하기

let str = "Hello, world! Hello, everyone!"

//제거하기
let newStr = str.replace("Hello", "");
//변경하기
let newStr = str.replace("Hello", "Hi");

// , world! Hello, everyone!
// Hi, world! Hello, everyone!

 

특정 문자 모두 제거하기/변경하기

let str = "Hello, world! Hello, everyone!"

//제거하기
let newStr = str.replace(/Hello/g, "");
//변경하기
let newStr = str.replace(/Hello/g, "Hi");

// , world! , everyone!
// Hi, world! Hi, everyone!

 

특정 문자 대소문자 구분 없이 제거하기/변경하기

let str = "Hello, world! hello, everyone!"

//제거하기
let newStr = str.replace(/HELLO/i, "");
//모두 제거하기
let newStr = str.replace(/HELLO/ig, "");

//변경하기
let newStr = str.replace(/HELLO/i, "Hi");
//모두 변경하기
let newStr = str.replace(/HELLO/ig, "Hi");

// , world! hello, everyone!
// , world! , everyone!
// Hi, world! hello, everyone!
// Hi, world! Hi, everyone!

 

 

 


 

참고사이트
 

JS/jQuery - 자주 쓰는 정규식(한글만/영문만/대소문자/숫자만/특수문자만)

정규식 문자열 패턴을 찾거나 변형하기 위해 사용되는 표현식이다. 스크립트에서 정규식을 사용하면 특정 패턴을 가진 문자열을 찾거나 추출할 수 있다. 정규식은 다양한 메타 문자와 특수 문

ninnydesign.tistory.com

 

728x90
반응형
카테고리 다른글 더보기