JavaScript - 문자열 치환 replace, replaceAll 사용하기

---

자바스크립트 replace() 사용하기

---

안녕하세요

고코더 입니다.

replace 는 서버언어에서 가장 유용한 함수 입니다.

특정문자를 치환해주는 가장 쉬운 방법이죠

자바스크립트도 당연히 replace.가  존재하는데 

문제는 문자열을 하나만 바꿔 줍니다.

---

replace() 사용법

---

▼ replace() 기본 사용법

var str = "gocoder"
str.replace("o","x");

▼ 사용법

"문자열".replace("대상문자","바뀌어 보여질 문자")

▼ 결과 값

이렇게 replace는 하나의 문자만 치환하고

종료 합니다. 그래서 서버사이드 언어에서 사용하던 

그 replaceall이 아니죠.

그래서 방법이 필요 합니다.

---

replaceAll() 함수로 사용하기

---

우리에겐 replaceall 이 필요합니다. 

서버사이드 언어처럼 replaceAll을 사용하려면

아래 함수를 이용하면 됩니다.

▼ replaceAll 함수 

function replaceAll(str, searchStr, replaceStr) {
  return str.split(searchStr).join(replaceStr);
}
 
var str = "gocoder"
replaceAll(str,"o","x");

▼ 사용법

replaceAll("문자열","찾을 문자열","대체할 문자열")

▼ 결과 값

---

replace()로 정규식을 이용하기

---

replaceall 함수를 정의하기가 싫고

소스가 너무 지저분 해진다면

▼replace()를 정규식으로 사용하시면 됩니다.

아래 코드를 실행하면

"gocoder".replace(/o/gi,"x");

▼사용법

replace(/대상문자열/gi, "x");

▼ 결과 값

이렇게 간단하게 replaceall을 구현 할 수 있습니다.

사실 replace 기능에 정규식을 담아 쓰는게 표준이긴 합니다.

---

자바스크립트 추천 글들

---

JavaScript- 타이핑 애니메이션 / typewriterjs

JavaScript - input 박스에 숫자만 입력 가능하도록

JavaScript - 자바 스크립트로 해당 날짜에만 실행 하기

JavaScript - 자바스크립트 파라미터 받아오기 / location.search

---

마무리

---

replaceall 이 기본 함수가 아닌게 아쉽습니다.