[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가 있다.

두개 차이점과 함께

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

 

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

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

위 문구를 사용하지 않고

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

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

1. replace 함수 사용 전

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

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

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

이제 "-"를 빼고 번호만

출력해보자.

 

2. replace 함수 사용

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

0105555-5555가 출력될 것이다.

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

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

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

 

3. replaceAll 함수 사용

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

01055555555가 출력될 것이다.