Необходимо обеспечить безопасность и согласованность данных, особенно когда речь идет о телефонных номерах. Веб-сайты, которые собирают номера телефонов пользователей, часто сталкиваются с проблемами формата. Пользователи заполняют свои данные очень неопределенным образом, не соблюдая стандартов. Это затрудняет обработку данных для разработчиков веб-сайтов. Чтобы избежать таких ситуаций, можно использовать JavaScript для форматирования телефонных номеров в соответствии с определенным стандартом.
В этом блоге будет обсуждаться процедура, связанная с форматированием номера телефона в JavaScript.
Как отформатировать номер телефона в JavaScript?
В JavaScript для форматирования номера телефона мы будем использовать следующие методы:
Давайте разберемся с первым методом!
Методы 1: Использование RegEx для форматирования номера телефона в JavaScript
“ регулярное выражение ” является сокращением от регулярного выражения. Это контейнер символов, который вводит шаблон поиска по отношению к строке, а затем заменяет или удаляет существующие значения строки новыми значениями соответственно.
Давайте двигаться дальше и рассмотрим пример, чтобы понять, как с помощью метода RegEx можно отформатировать номер телефона.
Пример
В этом примере мы создадим переменную « п ” и присвойте ему случайное неформатированное число:
был п знак равно «+1.234-567.1234» ;
Затем вызовите метод replace(), где \D — для цифр от [0-9], + — для обнаружения повторения цифр, а g — для глобального совпадения. Затем снова вызовите метод replace() со специальной последовательностью символов, такой как (\d{1}) для установки одной цифры, (\d{3}) для установки трех цифр и (\d{4}) для установки четырех цифр. Чтобы узнать больше об этих операциях, ознакомьтесь с другими нашими специальная статья .
При этом $1 будет первой группой, а + будет выровнен прямо перед ней, ($2) будет второй группой, заключенной в скобки, $3-$4 будет третьей и четвертой группой со знаком дефиса (-):
п знак равно п. заменять ( /\D+/г , '' ) . заменять ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Теперь распечатайте результаты, используя следующую строку:
приставка. журнал ( п ) ; 
Как видите, мы успешно отформатировали номер телефона.
Метод 2: использование substr() для форматирования числа в JavaScript
“ substr() ” извлекает подстроку из определенного индекса до указанного конечного индекса. Этот метод может помочь в создании подстрок чисел с правильным форматом и последовательностью символов. В результате будет сгенерировано форматированное число.
Синтаксис
нить. substr ( Начало , конец )Здесь « substr() ' метод извлечет подстроку из указанного ' Начало » индекс до « конец ” индекс данной строки.
Пример 1
Разделим программу на три части. В первой части мы рассмотрим значение « p.substr (0, 3) », так как 0 — начальная точка, а 3 — длина; во второй части значение « p.substr(3, 3) ” указывает, что цифры будут начинаться с 4-й позиции, а их длина будет равна 3. Последняя часть имеет значение “ p.substr(6, 4) », где позиции цифр начинаются с 7, а их общая длина равна 4:
п знак равно п. substr ( 0 , 3 ) + '-' + п. substr ( 3 , 3 ) + '-' + п. substr ( 6 , 4 ) ;Выход
Теперь давайте возьмем еще один пример, чтобы понять, как мы можем вставить код страны вместе с нашим номером, используя тот же метод.
Пример 2
В этом примере мы возьмем строку « ул » и сделать « +1 » хранить в нем:
был ул знак равно '+1' ;Теперь мы определим 1 как начальную точку в первом значении « p.substr(1, 3) ». Остальной код останется прежним:
п знак равно п. substr ( 1 , 3 ) + '-' + п. substr ( 3 , 3 ) + '-' + п. substr ( 6 , 4 ) ;Распечатайте только что инициализированную строку str со строкой p:
приставка. журнал ( ул , п ) ;Выход
Мы изучили процедуру форматирования номера телефона в JavaScript двумя разными способами.
Вывод
Чтобы отформатировать номер телефона, нажмите « регулярное выражение ' или же ' substr() можно использовать метод ». Определив регулярное выражение, вам нужно создать шаблон, а затем с помощью метода replace() можно отформатировать номер телефона. В методе substr() можно создать три части, и каждая часть имеет определенную начальную точку и длину. В этой статье был рассмотрен метод форматирования телефонных номеров в JavaScript.