JavaScript - 정규식 전화번호 입력시 하이픈(-) 추가하기

 

 

 

하이픈 (-) 없이 전화번호를 숫자만으로 입력했을때, 하이픈(-) 을 자동으로 추가해주는 정규식을 알아보자

아래와 같이 숫자로만 입력하면 → 하이픈이 붙어서 리턴된다.

전화번호르 입력하니 하이픈이 추가되었다

 

정규식을 이용해보았다.

const phone = 01012340000;
phone
  .replace(/ /g, '') // 공백이 들어있다면 지워주고
  .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); // 숫자그룹을 나눠 사이에 하이픈(-)추가
  
// 결과 010-1234-0000

 

 

 

 

관련 개념 포스팅

정규식을 자세히 파보기 위해 관련 개념을 정리한 포스팅이다.

 

 

JavaScript - 정규식 Regular expression

 

 

ref : https://gurtn.tistory.com/86