Je nutné udržovat data v bezpečí a v souladu, zejména pokud jde o telefonní čísla. Webové stránky, které shromažďují telefonní čísla uživatelů, se často potýkají s problémy s formátem. Uživatelé vyplňují svá data velmi nejistým způsobem, aniž by měli na zřeteli standardy. Vývojářům webových stránek to ztěžuje zpracování dat. Aby k takovým situacím nedocházelo, lze použít JavaScript k formátování telefonních čísel podle konkrétního standardu.
Tento blog se bude zabývat postupem souvisejícím s formátováním telefonního čísla v JavaScriptu.
Jak formátovat telefonní číslo v JavaScriptu?
V JavaScriptu k formátování telefonního čísla použijeme následující metody:
Pojďme se vrhnout na první metodu!
Metody 1: Použití RegEx k formátování telefonního čísla v JavaScriptu
“ RegEx ” je zkratka pro regulární výraz. Je to kontejner znaků, který zavádí vyhledávací vzor s ohledem na řetězec a poté nahrazuje nebo odstraňuje existující hodnoty řetězce novými hodnotami.
Pojďme dále a vezměme si příklad, abychom pochopili, jak lze pomocí metody RegEx formátovat telefonní číslo.
Příklad
V tomto příkladu vytvoříme proměnnou „ p “ a přiřaďte mu náhodné neformátované číslo:
byl p = '+1,234-567,1234' ;
Poté vyvolejte metodu replace(), kde \D je pro číslice od [0-9], + je pro detekci opakování číslic a g je pro globální shodu. Poté znovu zavolejte metodu replace() se speciální sekvencí znaků, jako je (\d{1}) pro nastavení jedné číslice, (\d{3}) pro nastavení tří číslic a (\d{4}) pro nastavení čtyř číslic. Chcete-li se o těchto operacích dozvědět více, podívejte se na naše další věnovaný článek .
Navíc $1 bude první skupina a + bude zarovnáno těsně před ní, ($2) bude druhá skupina, která je uzavřena v závorkách, $3-$4 bude třetí a čtvrtá skupina se znaménkem pomlčky (-):
p = p. nahradit ( /\D+/g , '' ) . nahradit ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Nyní vytiskněte výsledky pomocí následujícího řádku:
řídicí panel. log ( p ) ; 
Jak vidíte, telefonní číslo jsme úspěšně naformátovali.
Metody 2: Použití substr() k formátování čísla v JavaScriptu
' substr() ” metoda extrahuje podřetězec z konkrétního indexu do uvedeného koncového indexu. Tato metoda může pomoci při vytváření podřetězců čísel se správným formátem a posloupností znaků. V důsledku toho bude vygenerováno formátované číslo.
Syntax
tětiva. substr ( Start , konec )Zde, „ substr() “ metoda načte podřetězec ze zadaného “ Start 'index do ' konec ” index daného řetězce.
Příklad 1
Rozdělme program na tři části. V první části se budeme zabývat hodnotou „ p.substr(0; 3) ”, protože 0 je počáteční bod a 3 je délka; ve druhé části hodnota „ p.substr(3, 3) “ označuje, že číslice začnou od 4. pozice a jejich délka bude 3. Poslední část má hodnotu “ p.substr(6, 4) ” kde pozice číslic začínají od 7 a její celková délka je 4:
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Výstup
Nyní si ukažme další příklad, abychom zjistili, jak můžeme vložit kód země spolu s naším číslem pomocí stejné metody.
Příklad 2
V tomto příkladu vezmeme řetězec „ str “ a udělejte „ +1 “ uložit do něj:
byl str = '+1' ;Nyní definujeme 1 jako počáteční bod v první hodnotě „ p.substr(1, 3) “. Zbývající kód zůstane stejný:
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Vytiskněte nově inicializovaný řetězec str s řetězcem p:
řídicí panel. log ( str , p ) ;Výstup
Naučili jsme se postup formátování telefonního čísla v JavaScriptu dvěma různými metodami.
Závěr
Chcete-li naformátovat telefonní číslo, „ RegEx “ nebo „ substr() “ lze použít metodu. Definováním regulárního výrazu je potřeba vytvořit vzor a pak pomocí metody replace() lze telefonní číslo naformátovat. V metodě substr() lze vytvořit tři části a každá část má definovaný počáteční bod a délku. Tento článek se zabývá metodou formátování telefonních čísel v JavaScriptu.