Jak sformatować numer telefonu w JavaScript

Konieczne jest utrzymanie bezpieczeństwa i wyrównania danych, zwłaszcza jeśli chodzi o numery telefonów. Strony internetowe, które zbierają numery telefonów użytkowników, często napotykają problemy z formatem. Użytkownicy wypełniają swoje dane w bardzo niepewny sposób bez zachowania standardów. Utrudnia przetwarzanie danych dla programistów stron internetowych. Aby uniknąć takich sytuacji, JavaScript może być używany do sformatowania numerów telefonów zgodnie z określonym standardem.

Ten blog omówi procedurę związaną z formatowaniem numeru telefonu w JavaScript.

Jak sformatować numer telefonu w JavaScript?

W JavaScript, aby sformatować numer telefonu, użyjemy następujących metod:

• Regex
• metoda substr ()

Zagadnijmy w pierwszą metodę!

Metody 1: Korzystanie z Regex do formatowania numeru telefonu w JavaScript

"Regex”Jest skrótem do wyrażenia regularnego. Jest to pojemnik znaków, który wprowadza wzór wyszukiwania w odniesieniu do ciągu, a następnie zastępuje lub usuwa istniejące wartości ciągów odpowiednio nowymi wartościami.

Idźmy naprzód i weźmy przykład, aby zrozumieć, w jaki sposób użycie metody Regex może sformatować numer telefonu.

Przykład

W tym przykładzie utworzymy zmienną „P”I przypisz to losowy niezoformowany numer:

var p = '+1.234-567.1234 ';

Następnie wywołaj metodę zamiennika (), w której \ d jest dla cyfr z [0-9], + wykrywa powtórzenie cyfr, a G dotyczy meczu globalnego. Następnie ponownie wywołaj metodę zamiennika () specjalną sekwencją znaków takich jak, (\ d 1), aby ustawić jedną cyfrę, (\ d 3), aby ustawić trzy cyfry i (\ d 4) Aby ustawić cztery cyfry. Aby dowiedzieć się więcej o tych operacjach, sprawdź nasz inny dedykowany artykuł.

Ponadto 1 USD będzie pierwszą grupą, a + zostanie wyrównane tuż przed nią (2 USD) będzie drugą grupą zamkniętą w nawiasach, 3-4 USD będzie trzecią i czwartą grupą ze znakiem strzępy (-):

p = p.zamień (/\ d+/g, ").zamień (/(\ d 1) (\ d 3) (\ d 3) (\ d 4)/, '+1 $ (2 $) 3-4 $ 4);

Teraz wydrukuj wyniki za pomocą poniższej linii:

konsola.log (p);

Jak widać, pomyślnie sformatowaliśmy numer telefonu.

Metody 2: Korzystanie z substr () do formatowania liczby w JavaScript

„„substr ()”Metoda wyodrębnia podłoże z określonego indeksu do wspomnianego indeksu końcowego. Ta metoda może pomóc w wykonywaniu podrzędnych liczb z właściwym formatem i sekwencją znaków. W rezultacie zostanie wygenerowana sformatowana liczba.

Składnia

strunowy.substr (start, koniec)

Tutaj "substr ()„Metoda odzyska podłoże z określonego„początek”Indeks do„koniec”Indeks danego ciągu.

Przykład 1

Podzielmy program na trzy części. W pierwszej części rozważymy wartość „P.podaj (0, 3)”, Ponieważ 0 jest punktem wyjścia, a 3 to długość; W drugiej części wartość „P.podaj (3, 3)”Wskazuje, że cyfry rozpoczną się od 4. pozycji, a ich długość wyniesie 3. Ostatnia część ma wartość „P.podaj (6, 4)„Gdzie pozycje cyfr zaczynają się od 7, a jej całkowita długość wynosi 4:

p = p.Substr (0, 3) + '-' + p.Substr (3, 3) + '-' + p.podaj (6, 4);

Wyjście

Teraz weźmy kolejny przykład, aby dowiedzieć się, w jaki sposób możemy wstawić kod kraju wraz z naszym numerem przy użyciu tej samej metody.

Przykład 2

W tym przykładzie weźmiemy ciąg „str”I zrób„+1„Przechowywać w nim:

var str = '+1';

Teraz zdefiniujemy 1 jako punkt wyjścia w pierwszej wartości „P.podłoże (1, 3)". Kod odpoczynku pozostanie taki sam:

p = p.Substr (1, 3) + '-' + p.Substr (3, 3) + '-' + p.podaj (6, 4);

Wydrukuj nowo zainicjowany ciąg STR z ciągiem P:

konsola.log (str, p);

Wyjście

Nauczyliśmy się procedury formatowania numeru telefonu w JavaScript za pomocą dwóch różnych metod.

Wniosek

Aby sformatować numer telefonu, „Regex" Lub "substr ()„Można zastosować metodę. Określając wyrażenie regularne, musisz utworzyć wzór, a następnie za pomocą metody zamiennika (), numer telefonu można sformatować. W metodzie Substr () można utworzyć trzy części, a każda część ma zdefiniowany punkt początkowy i długość. Ten artykuł obejmował metodę formatowania numerów telefonów w JavaScript.