Как да форматирате телефонен номер в JavaScript

Необходимо е данните да бъдат защитени и подравнени, особено когато става въпрос за телефонни номера. Уебсайтовете, които събират телефонни номера на потребители, често срещат проблеми с формата. Потребителите попълват данните си по много несигурен начин, без да спазват стандартите. Това затруднява обработката на данни за разработчиците на уебсайтове. За да се избегнат подобни ситуации, JavaScript може да се използва за форматиране на телефонните номера според определен стандарт.

Този блог ще обсъди процедурата, свързана с форматирането на телефонен номер в JavaScript.

Как да форматирате телефонен номер в JavaScript?

В JavaScript, за да форматираме телефонен номер, ще използваме следните методи:

• RegEx
• метод substr().

Нека да разгледаме първия метод!

Методи 1: Използване на RegEx за форматиране на телефонен номер в JavaScript

“ RegEx ” е съкращение за регулярен израз. Това е контейнерът от знаци, който въвежда модел за търсене по отношение на низ и след това замества или премахва съществуващите стойности на низ съответно с нови стойности.

Нека да продължим напред и да вземем пример, за да разберем как използването на метода RegEx може да форматира телефонен номер.

Пример

В този пример ще създадем променлива „ стр ” и му присвоете произволно неформатирано число:

След това извикайте метода replace(), където \D е за цифри от [0-9], + е за откриване на повторение на цифри и g е за глобално съвпадение. След това отново извикайте метода replace() със специална последователност от знаци като (\d{1}) за задаване на една цифра, (\d{3}) за задаване на три цифри и (\d{4}) за задаване на четири цифри. За да научите повече за тези операции, вижте нашите други посветена статия .

Освен това, $1 ще бъде първата група и + ще бъде подравнен точно преди нея, ($2) ще бъде втората група, която е оградена в скоби, $3-$4 ще бъде третата и четвъртата група със знак тире (-):

Сега отпечатайте резултатите, като използвате реда по-долу:

Както можете да видите, успешно форматирахме телефонния номер.

Методи 2: Използване на substr() за форматиране на число в JavaScript

„ substr() ” методът извлича подниза от конкретен индекс до споменатия краен индекс. Този метод може да помогне при създаването на поднизове от числа с правилен формат и последователност от знаци. В резултат на това ще бъде генерирано форматирано число.

Синтаксис

Тук „ substr() ” ще извлече подниза от посочения „ започнете ” индекс до „ край ” индекс на дадения низ.

Пример 1

Нека разделим програмата на три части. В първата част ще разгледаме стойността „ p.substr(0, 3) ”, като 0 е началната точка, а 3 е дължината; във втората част стойността „ p.substr(3, 3) ” показва, че цифрите ще започват от 4-та позиция и тяхната дължина ще бъде 3. Последната част има стойност „ p.substr(6, 4) ”, където позициите на цифрите започват от 7 и общата им дължина е 4:

Изход

Сега нека вземем друг пример, за да разберем как можем да вмъкнем кода на държавата заедно с нашия номер, използвайки същия метод.

Пример 2

В този пример ще вземем низа „ ул ” и направете „ +1 ”, за да съхранявате в него:

Сега ще дефинираме 1 като начална точка в първата стойност на „ p.substr(1, 3) ”. Останалият код ще остане същият:

Отпечатайте току-що инициализирания низ с низ p:

Изход

Научихме процедурата за форматиране на телефонен номер в JavaScript чрез два различни метода.

Заключение

За да форматирате телефонния номер, „ RegEx ' или ' substr() ” може да се използва методът. Като дефинирате регулярния израз, трябва да създадете шаблон и след това с помощта на метода replace() телефонният номер може да бъде форматиран. В метода substr() могат да бъдат създадени три части и всяка част има дефинирана начална точка и дължина. Тази статия разглежда метода за форматиране на телефонни номера в JavaScript.