Konieczne jest zapewnienie bezpieczeństwa i spójności danych, zwłaszcza jeśli chodzi o numery telefonów. Witryny, 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, nie mając na uwadze standardów. Utrudnia to przetwarzanie danych twórcom stron internetowych. Aby uniknąć takich sytuacji, można użyć JavaScript do formatowania numerów telefonów zgodnie z określonym standardem.
Na tym blogu omówimy 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:
Przejdźmy do pierwszej metody!
Metody 1: Używanie RegEx do formatowania numeru telefonu w JavaScript
“ RegEx ” jest skrótem wyrażenia regularnego. Jest to kontener znaków, który wprowadza wzorzec wyszukiwania w odniesieniu do ciągu, a następnie odpowiednio zastępuje lub usuwa istniejące wartości ciągu nowymi wartościami.
Przejdźmy dalej i weźmy przykład, aby zrozumieć, jak za pomocą metody RegEx można sformatować numer telefonu.
Przykład
W tym przykładzie utworzymy zmienną „ p ” i przypisz mu losową niesformatowaną liczbę:
był p = '+1,234-567,1234' ;
Następnie wywołaj metodę replace(), gdzie \D oznacza cyfry od [0–9], + oznacza powtórzenie cyfr, a g oznacza dopasowanie globalne. Następnie ponownie wywołaj metodę replace() ze specjalną sekwencją znaków, taką jak (\d{1}) aby ustawić jedną cyfrę, (\d{3}) aby ustawić trzy cyfry i (\d{4}) ustawić cztery cyfry. Aby dowiedzieć się więcej o tych operacjach, sprawdź nasze inne dedykowany artykuł .
Co więcej, $1 będzie pierwszą grupą, a + zostanie wyrównany tuż przed nią, ($2) będzie drugą grupą ujętą w nawiasy, $3-$4 będzie trzecią i czwartą grupą z łącznikiem (-):
p = p. zastąpić ( /\D+/g , '' ) . zastąpić ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+1$ (2$) 3$4$' ) ;Teraz wydrukuj wyniki, korzystając z poniższej linii:
konsola. dziennik ( p ) ;Jak widać, pomyślnie sformatowaliśmy numer telefonu.
Metody 2: Używanie substr() do formatowania liczby w JavaScript
„ substr() Metoda ” wyodrębnia podciąg z określonego indeksu aż do wspomnianego indeksu końcowego. Ta metoda może pomóc w tworzeniu podciągów liczb o odpowiednim formacie i sekwencji znaków. W rezultacie zostanie wygenerowana sformatowana liczba.
Składnia
strunowy. substr ( początek , koniec )Tutaj ' substr() ” metoda pobierze podciąg z określonego „ początek ” indeks do “ koniec ” indeks podanego ciągu.
Przykład 1
Podzielmy program na trzy części. W pierwszej części rozważymy wartość „ p.substr(0, 3) ”, ponieważ 0 to punkt początkowy, a 3 to długość; w drugiej części wartość „ p.substr(3, 3) ” oznacza, że cyfry zaczną się od czwartej pozycji, a ich długość będzie wynosić 3. Ostatnia część ma wartość „ p.substr(6, 4) ” gdzie pozycje cyfr zaczynają się od 7, a ich całkowita długość wynosi 4:
p = p. substr ( 0 , 3 ) + „-” + p. substr ( 3 , 3 ) + „-” + p. substr ( 6 , 4 ) ;Wyjście
Teraz weźmy inny przykład, aby dowiedzieć się, jak 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:
był str = '+1' ;Teraz zdefiniujemy 1 jako punkt początkowy w pierwszej wartości „ p.substr(1, 3) ”. Pozostały kod pozostanie taki sam:
p = p. substr ( 1 , 3 ) + „-” + p. substr ( 3 , 3 ) + „-” + p. substr ( 6 , 4 ) ;Wydrukuj nowo zainicjowany ciąg str z ciągiem p:
konsola. dziennik ( str , p ) ;Wyjście
Poznaliśmy procedurę formatowania numeru telefonu w JavaScript dwoma różnymi metodami.
Wniosek
Aby sformatować numer telefonu, „ RegEx ' lub ' substr() ” metoda może być wykorzystana. Definiując wyrażenie regularne należy stworzyć wzorzec, a następnie za pomocą metody replace() sformatować numer telefonu. W metodzie substr() można utworzyć trzy części, a każda część ma zdefiniowany punkt początkowy i długość. W tym artykule omówiono metodę formatowania numerów telefonów w JavaScript.