Özellikle telefon numaraları söz konusu olduğunda, verileri güvenli ve uyumlu tutmak gerekir. Kullanıcıların telefon numaralarını toplayan web siteleri genellikle biçim sorunlarıyla karşılaşır. Kullanıcılar, standartları göz önünde bulundurmadan verilerini çok belirsiz bir şekilde doldururlar. Web sitesi geliştiricileri için veri işlemeyi zorlaştırır. Bu gibi durumlardan kaçınmak için, telefon numaralarını belirli bir standarda göre biçimlendirmek için JavaScript kullanılabilir.
Bu blog, bir telefon numarasını JavaScript'te biçimlendirme ile ilgili prosedürü tartışacaktır.
JavaScript'te Telefon Numarası Nasıl Biçimlendirilir?
JavaScript'te bir telefon numarasını biçimlendirmek için aşağıdaki yöntemleri kullanacağız:
İlk yöntemi inceleyelim!
Yöntem 1: Telefon Numarasını JavaScript'te Biçimlendirmek için RegEx'i Kullanma
“ Normal İfade ” düzenli ifadenin kısaltmasıdır. Bir dizeye göre bir arama kalıbı tanıtan ve ardından bir dizenin mevcut değerlerini sırasıyla yeni değerlerle değiştiren veya kaldıran karakter kabıdır.
Devam edelim ve RegEx yöntemini kullanmanın bir telefon numarasını nasıl biçimlendirebileceğini anlamak için bir örnek alalım.
Örnek
Bu örnekte, bir değişken oluşturacağız “ p ” ve rastgele biçimlendirilmemiş bir sayı atayın:
oldu p = '+1.234-567.1234' ;
Ardından, replace() yöntemini çağırın; burada \D, [0-9] arasındaki rakamlar içindir, +, rakamların tekrarını algılamak içindir ve g genel eşleşme içindir. Ardından, bir basamak ayarlamak için (\d{1}), üç basamak ayarlamak için (\d{3}) ve (\d{4}) gibi özel bir karakter dizisiyle replace() yöntemini tekrar çağırın. Dört hane ayarlamak için Bu işlemler hakkında daha fazla bilgi edinmek için diğer özel makale .
Ayrıca, $1 birinci grup olacak ve + hemen önüne hizalanacak, ($2) parantez içine alınmış ikinci grup olacak, 3-$4 kısa çizgi (-) ile üçüncü ve dördüncü grup olacak:
p = p. yer değiştirmek ( /\D+/g , '' ) . yer değiştirmek ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 (2$) 3-$4' ) ;Şimdi, aşağıdaki satırı kullanarak sonuçları yazdırın:
konsol. kayıt ( p ) ; 
Gördüğünüz gibi, telefon numarasını başarıyla biçimlendirdik.
Yöntem 2: JavaScript'te Sayıyı Biçimlendirmek için substr() işlevini kullanma
“ substr() ” yöntemi, alt dizini belirli bir dizinden belirtilen bitiş dizinine kadar çıkarır. Bu yöntem, uygun biçim ve karakter dizisiyle sayıların alt dizilerini oluşturmaya yardımcı olabilir. Sonuç olarak, biçimlendirilmiş bir sayı üretilecektir.
Sözdizimi
sicim. alt dizi ( Başlat , son )Burada, “ substr() ” yöntemi, belirtilen alt diziden alt dizeyi alır. Başlat ” dizinine kadar” son ” verilen dizenin dizini.
örnek 1
Programı üç bölüme ayıralım. İlk bölümde “değeri” ele alacağız. p.substr(0, 3) ”, 0 başlangıç noktası ve 3 uzunluk olduğu için; ikinci kısımda ise “değer p.substr(3, 3) ” rakamların 4. pozisyondan başlayacağını ve uzunluklarının 3 olacağını belirtir. Son kısmın değeri vardır” p.substr(6, 4) ” rakam konumlarının 7'den başladığı ve toplam uzunluğu 4 olduğu yerde:
p = p. alt dizi ( 0 , 3 ) + '-' + p. alt dizi ( 3 , 3 ) + '-' + p. alt dizi ( 6 , 4 ) ;Çıktı
Şimdi yine aynı yöntemi kullanarak numaramızla birlikte ülke kodunu nasıl ekleyebileceğimizi anlamak için başka bir örnek alalım.
Örnek 2
Bu örnekte, “ dizesini alacağız. cadde ” ve “ +1 ” içinde saklamak için:
oldu cadde = '+1' ;Şimdi, “'in ilk değerindeki başlangıç noktası olarak 1'i tanımlayacağız. p.substr(1, 3) ”. Geri kalan kod aynı kalacaktır:
p = p. alt dizi ( 1 , 3 ) + '-' + p. alt dizi ( 3 , 3 ) + '-' + p. alt dizi ( 6 , 4 ) ;Yeni başlatılan str dizesini p dizesiyle yazdırın:
konsol. kayıt ( cadde , p ) ;Çıktı
Telefon numarasını JavaScript'te biçimlendirme prosedürünü iki farklı yöntemle öğrendik.
Çözüm
Telefon numarasını biçimlendirmek için, “ Normal İfade ' veya ' substr() ” yöntemi kullanılabilir. Normal ifadeyi tanımlayarak bir kalıp oluşturmanız gerekir ve ardından replace() yöntemi yardımıyla telefon numarası biçimlendirilebilir. substr() yönteminde üç parça oluşturulabilir ve her parçanın tanımlanmış bir başlangıç noktası ve uzunluğu vardır. Bu makale, telefon numaralarını JavaScript'te biçimlendirme yöntemini ele almaktadır.