JavaScript에서 전화번호 형식을 지정하는 방법

특히 전화번호와 관련하여 데이터를 안전하게 유지하고 정렬해야 합니다. 사용자의 전화번호를 수집하는 웹사이트는 종종 형식 문제에 직면합니다. 사용자는 표준을 고려하지 않고 매우 불확실한 방식으로 데이터를 채웁니다. 웹 사이트 개발자에게 데이터 처리를 어렵게 만듭니다. 이러한 상황을 피하기 위해 JavaScript를 사용하여 특정 표준에 따라 전화번호 형식을 지정할 수 있습니다.

이 블로그에서는 JavaScript에서 전화번호 형식 지정과 관련된 절차에 대해 설명합니다.

JavaScript에서 전화번호 형식을 지정하는 방법은 무엇입니까?

JavaScript에서 전화번호 형식을 지정하려면 다음 방법을 사용합니다.

• 정규식
• substr() 메서드

첫 번째 방법을 파헤쳐 봅시다!

방법 1: RegEx를 사용하여 JavaScript에서 전화번호 형식 지정

' 정규식 '는 정규식의 줄임말입니다. 문자열과 관련하여 검색 패턴을 도입한 다음 문자열의 기존 값을 새 값으로 각각 교체하거나 제거하는 문자 컨테이너입니다.

RegEx 방법을 사용하여 전화 번호 형식을 지정할 수 있는 방법을 이해하기 위해 예를 들어 보겠습니다.

예시

이 예에서는 변수 ' 피 '를 입력하고 형식이 지정되지 않은 임의의 숫자를 할당합니다.

그런 다음 replace() 메서드를 호출합니다. 여기서 \D는 [0-9]의 숫자이고, +는 숫자의 반복을 감지하고, g는 전역 일치를 나타냅니다. 그런 다음, 한 자리를 설정하려면 (\d{1}), 세 자리를 설정하려면 (\d{4})와 같은 특수 문자 시퀀스로 replace() 메서드를 다시 호출하십시오. 4자리를 설정합니다. 이러한 작업에 대해 자세히 알아보려면 다른 전용 기사 .

또한 $1은 첫 번째 그룹이고 +는 바로 앞에 정렬됩니다. ($2)는 대괄호로 묶인 두 번째 그룹, $3-$4는 하이픈 기호(-)가 있는 세 번째 및 네 번째 그룹입니다.

이제 아래 줄을 사용하여 결과를 인쇄하십시오.

보시다시피 전화 번호 형식이 성공적으로 지정되었습니다.

방법 2: JavaScript에서 substr()을 사용하여 숫자 형식 지정

' 하위 문자열() ' 메서드는 특정 인덱스에서 언급된 끝 인덱스까지 부분 문자열을 추출합니다. 이 방법은 적절한 형식과 문자 시퀀스를 사용하여 숫자의 부분 문자열을 만드는 데 도움이 될 수 있습니다. 결과적으로 형식이 지정된 숫자가 생성됩니다.

통사론

여기서 ' 하위 문자열() ' 메서드는 지정된 '에서 하위 문자열을 검색합니다. 시작 '까지 인덱스' 끝 ' 주어진 문자열의 인덱스.

실시예 1

프로그램을 세 부분으로 나누어 보겠습니다. 첫 번째 부분에서는 '가치'를 고려할 것입니다. p.substr(0, 3) ', 0은 시작점이고 3은 길이입니다. 두 번째 부분에서 값 ' p.substr(3, 3) '는 숫자가 4번째 위치에서 시작하고 길이가 3임을 나타냅니다. 마지막 부분의 값은 ' p.substr(6, 4) ” 여기서 숫자 위치는 7부터 시작하고 총 길이는 4입니다.

산출

이제 다른 예를 들어 동일한 방법을 사용하여 번호와 함께 국가 코드를 삽입하는 방법을 알아보겠습니다.

실시예 2

이 예에서는 ' str '를 만들고 ' +1 '에 저장하려면:

이제 '1'의 첫 번째 값의 시작점으로 1을 정의합니다. p.substr(1, 3) '. 나머지 코드는 동일하게 유지됩니다.

문자열 p를 사용하여 새로 초기화된 str 문자열을 출력합니다.

산출

두 가지 다른 방법을 통해 JavaScript에서 전화번호 형식을 지정하는 절차를 배웠습니다.

결론

전화번호를 포맷하려면 ' 정규식 ' 또는 ' 하위 문자열() '라는 방법을 사용할 수 있습니다. 정규식을 정의하여 패턴을 만든 다음 replace() 메서드를 사용하여 전화 번호의 형식을 지정할 수 있습니다. substr() 메서드에서는 세 부분을 만들 수 있으며 각 부분에는 시작점과 길이가 정의되어 있습니다. 이 기사에서는 JavaScript에서 전화번호 형식을 지정하는 방법을 다뤘습니다.