[JavaScript / Jquery] 문자열 치환 함수 (replace, replaceAll) 사용하기

😊 아주 쉽고 간단하게 😊

▼ 이전 편 ▼

2022.03.29 - [개발/JavaScript] - [JavaScript / Jquery] Date Format , Date 날짜 형식 (yyyy-mm-dd, yyyy-mm-dd hh:mm:ss)

[JavaScript / Jquery] Date Format , Date 날짜 형식 (yyyy-mm-dd, yyyy-mm-dd hh:mm:ss)

---

반응형

😊 아주 쉽고 간단하게 😊

문자열 치환을 해보자.

 

자바스크립트에 문자 치환 함수 중

대표적으로 replace,  replaceAll가 있다.

두개 차이점과 함께

폰 번호를 입력받는 예제로 다루어보자.

 

전화번호 입력시 "-"를 제외하고

입력해달라는 문구가 자주 보인다.

위 문구를 사용하지 않고

사용자가 "-" 넣든 안넣든 상관없게

문자 치환 함수 예로 사용해보자.

replace 함수 사용 전

See the Pen Untitled by 조형진 (@jiniuscom) on CodePen.

입력 창에 010-5555-5555 를 입력하면

그대로 010-5555-5555가 출력된다.

변경하지 않은 입력값이 그대로 출력된다.

이제 "-"를 빼고 번호만

출력해보자.

 

replace 함수 사용

See the Pen Untitled by 조형진 (@jiniuscom) on CodePen.

이번에는 010-5555-5555를 입력하면,

0105555-5555가 출력될 것이다.

replace 함수는 첫번째 찾은 값만 바꾸고 종료한다.

만약 문자열 전체에 특정 값을 찾아 치환하고 싶다면

replace 대신 replaceAll을 사용해야한다.

 

replaceAll 함수 사용

See the Pen Untitled by 조형진 (@jiniuscom) on CodePen.

이번에는 010-5555-5555를 입력하면,

01055555555가 출력될 것이다.