Hur man formaterar telefonnummer i JavaScript

Det är nödvändigt att hålla data säker och anpassad, särskilt när det kommer till telefonnummer. Webbplatser som samlar in användarnas telefonnummer har ofta formatproblem. Användare fyller i sina uppgifter på ett mycket osäkert sätt utan att hålla standarderna i sikte. Det försvårar databehandling för webbutvecklare. För att undvika sådana situationer kan JavaScript användas för att formatera telefonnumren enligt en specifik standard.

Den här bloggen kommer att diskutera proceduren för att formatera ett telefonnummer i JavaScript.

Hur formaterar man telefonnummer i JavaScript?

I JavaScript kommer vi att använda följande metoder för att formatera ett telefonnummer:

• RegEx
• substr() metod

Låt oss gräva in den första metoden!

Metod 1: Använda RegEx för att formatera telefonnummer i JavaScript

' RegEx ” är en förkortning för reguljära uttryck. Det är behållaren med tecken som introducerar ett sökmönster med avseende på en sträng och sedan ersätter eller tar bort de befintliga värdena för en sträng med nya värden.

Låt oss gå vidare och ta ett exempel för att förstå hur användningen av RegEx-metoden kan formatera ett telefonnummer.

Exempel

I det här exemplet kommer vi att skapa en variabel ' sid ” och tilldela den ett slumpmässigt oformaterat nummer:

Anropa sedan metoden replace(), där \D är för siffror från [0-9], + är för att detektera upprepning av siffror och g är för den globala matchningen. Anrop sedan metoden replace() igen med en speciell sekvens av tecken som, (\d{1}) för att ställa in en siffra, (\d{3}) för att ställa in tre siffror och (\d{4}) för att ställa in fyra siffror. För att veta mer om dessa operationer, kolla in vår andra särskild artikel .

Dessutom kommer $1 att vara den första gruppen och + kommer att justeras precis före den, ($2) kommer att vara den andra gruppen som är omgiven inom parentes, $3-$4 kommer att vara den tredje och fjärde gruppen med ett bindestreck (-):

Skriv nu ut resultaten med hjälp av raden nedan:

Som du kan se har vi formaterat telefonnumret.

Metod 2: Använda substr() för att formatera nummer i JavaScript

den ' substr() ”-metoden extraherar delsträngen från ett specifikt index till det nämnda slutindexet. Denna metod kan hjälpa till att skapa delsträngar av tal med korrekt format och teckensekvens. Som ett resultat kommer ett formaterat nummer att genereras.

Syntax

Här, ' substr() ”-metoden kommer att hämta delsträngen från den angivna ” Start ' index till ' slutet ” index för den givna strängen.

Exempel 1

Låt oss dela upp programmet i tre delar. I den första delen kommer vi att överväga värdet ' p.substr(0, 3) ”, eftersom 0 är utgångspunkten och 3 är längden; i den andra delen, värdet ' p.substr(3, 3) ” indikerar att siffrorna börjar från 4:e position och deras längd blir 3. Den sista delen har värdet ” p.substr(6, 4) ” där siffrornas positioner börjar från 7 och dess totala längd är 4:

Produktion

Låt oss nu ta ett annat exempel för att ta reda på hur vi kan infoga landskoden tillsammans med vårt nummer med samma metod.

Exempel 2

I det här exemplet tar vi strängen ' str ' och gör ' +1 ' att lagra i den:

Nu kommer vi att definiera 1 som startpunkten i det första värdet av ' p.substr(1, 3) ”. Resten koden förblir densamma:

Skriv ut den nyligen initierade str-strängen med sträng p:

Produktion

Vi har lärt oss proceduren för att formatera telefonnummer i JavaScript genom två olika metoder.

Slutsats

För att formatera telefonnumret, ' RegEx ' eller ' substr() ”-metoden kan användas. Genom att definiera det reguljära uttrycket behöver du skapa ett mönster och sedan med hjälp av metoden replace() kan telefonnumret formateras. I substr()-metoden kan tre delar skapas, och varje del har en definierad startpunkt och längd. Den här artikeln har behandlat metoden för att formatera telefonnummer i JavaScript.