자바스크립트 전화번호 형식

이 기사에서는 JavaScript 소스 코드에서 전화 번호를 형식화하는 가장 좋은 방법과 JavaScript 코드에서 형식화된 숫자의 이점을 배웁니다.

자바스크립트의 전화번호 형식

JavaScript에는 숫자 서식을 효과적으로 수행할 수 있는 여러 가지 옵션이 있습니다. 대부분의 개발자는 응용 프로그램에서 숫자 서식을 지정하기 위해 정규 표현식과 기본 substr() 메서드를 사용합니다.

정규식 사용

RegEx를 사용하여 원래 전화번호를 사람이 읽을 수 있는 형식으로 바꿉니다. 예를 들어, 정규식 패턴 /(\d{3})(\d{3})(\d{4})/,'$1-$2-$3'는 첫 번째를 분리하기 위해 replace 메소드와 함께 사용할 수 있습니다. 3자리, 다음 3자리, 마지막 4자리 중 끝에 -로 연결합니다.

기본 구문:

let result = phoneNo.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');

예제 코드:

function formatNumber(number) {
  console.log('Original number : ' + number);
  let result = number.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
  console.log('Formatted number using regular expression : ' + result);
}

var originalNumber = '4445556678';

formatNumber(originalNumber)

실행 코드

출력:

"Original number : 4445556678"
"Formatted number using regular expression : 444-555-6678"

위의 JavaScript 소스 예제에서는 숫자를 매개변수로 사용하는 formatNumber() 함수를 만들었습니다. 해당 함수 내에서 console.log()를 사용하여 로그에 전달된 원래 번호를 인쇄합니다.

그런 다음 정규식 패턴을 사용하여 전달된 숫자에 문자열의 기본 replace() 메서드를 사용했습니다. 출력은 별도의 변수에 저장되고 console.log()에 표시됩니다.

원래 형식으로 숫자 문자열을 초기화하고 해당 숫자를 formatNumber() 함수에 전달했습니다.

JavaScript에서 substr() 메서드 사용

이 기본 문자열 메서드인 substr()을 사용하여 숫자 형식을 지정할 수 있습니다. 숫자 문자열을 세 부분으로 나눈 다음 그 중 -로 모든 부분을 연결할 수 있습니다.

기본 구문:

let data = 'hello world'
let result = data.substr(0, 5)  // it will separate "hello" from hello world

예제 코드:

function formatNumber(number) {
  console.log('Original number : ' + number);
  let result = number.substr(0, 3) + '-' + number.substr(3, 3) + '-' +
      number.substr(6, 4);
  console.log('Formatted number using substring method : ' + result);
}
var originalNumber = '6665559978';

formatNumber(originalNumber)

실행 코드

출력:

Original number : 6665559978
Formatted number using substring method : 666-555-9978

위의 JavaScript 소스 예제에서 우리는 전달된 숫자에 substr() 메서드를 사용하여 부분으로 나누고 + 연산자와 연결하여 문자열을 다시 -로 결합했습니다.

출력은 별도의 변수에 저장되고 console.log()에 표시되며 formatNumber() 함수에 숫자를 전달합니다.