Πώς να μορφοποιήσετε τον αριθμό τηλεφώνου σε JavaScript

Είναι απαραίτητο να διατηρείτε τα δεδομένα ασφαλή και ευθυγραμμισμένα, ειδικά όταν πρόκειται για αριθμούς τηλεφώνου. Οι ιστότοποι που συλλέγουν τους αριθμούς τηλεφώνου των χρηστών συχνά αντιμετωπίζουν προβλήματα μορφής. Οι χρήστες συμπληρώνουν τα δεδομένα τους με πολύ αβέβαιο τρόπο χωρίς να έχουν υπόψη τα πρότυπα. Κάνει την επεξεργασία δεδομένων δύσκολη για τους προγραμματιστές ιστότοπων. Για την αποφυγή τέτοιων καταστάσεων, η JavaScript μπορεί να χρησιμοποιηθεί για τη μορφοποίηση των αριθμών τηλεφώνου σύμφωνα με ένα συγκεκριμένο πρότυπο.

Αυτό το ιστολόγιο θα συζητήσει τη διαδικασία που σχετίζεται με τη μορφοποίηση ενός αριθμού τηλεφώνου σε JavaScript.

Πώς να μορφοποιήσετε τον αριθμό τηλεφώνου σε JavaScript;

Στο JavaScript, για να μορφοποιήσουμε έναν αριθμό τηλεφώνου, θα χρησιμοποιήσουμε τις ακόλουθες μεθόδους:

• RegEx
• μέθοδος substr().

Ας εμβαθύνουμε στην πρώτη μέθοδο!

Μέθοδοι 1: Χρήση RegEx για μορφοποίηση αριθμού τηλεφώνου σε JavaScript

' RegEx ” είναι συντομογραφία για κανονική έκφραση. Είναι το κοντέινερ των χαρακτήρων που εισάγει ένα μοτίβο αναζήτησης σε σχέση με μια συμβολοσειρά και στη συνέχεια αντικαθιστά ή αφαιρεί τις υπάρχουσες τιμές μιας συμβολοσειράς με νέες τιμές αντίστοιχα.

Ας προχωρήσουμε και ας πάρουμε ένα παράδειγμα για να κατανοήσουμε πώς η χρήση της μεθόδου RegEx μπορεί να μορφοποιήσει έναν αριθμό τηλεφώνου.

Παράδειγμα

Σε αυτό το παράδειγμα, θα δημιουργήσουμε μια μεταβλητή ' Π ” και αντιστοιχίστε του έναν τυχαίο μη μορφοποιημένο αριθμό:

Στη συνέχεια, καλέστε τη μέθοδο αντικατάστασης(), όπου το \D είναι για ψηφία από το [0-9], το + για την ανίχνευση της επανάληψης των ψηφίων και το g είναι για την καθολική αντιστοίχιση. Στη συνέχεια, καλέστε ξανά τη μέθοδο replace() με μια ειδική ακολουθία χαρακτήρων όπως, (\d{1}) για να ορίσετε ένα ψηφίο, (\d{3}) για να ορίσετε τρία ψηφία και (\d{4}) για να ορίσετε τέσσερα ψηφία. Για να μάθετε περισσότερα σχετικά με αυτές τις λειτουργίες, ανατρέξτε στις άλλες μας αφιερωμένο άρθρο .

Επιπλέον, το $1 θα είναι η πρώτη ομάδα και το + θα ευθυγραμμιστεί ακριβώς πριν από αυτήν, ($2) θα είναι η δεύτερη ομάδα που περικλείεται μέσα σε αγκύλες, τα $3-$4 θα είναι η τρίτη και η τέταρτη ομάδα με το σύμβολο παύλας (-):

Τώρα, εκτυπώστε τα αποτελέσματα χρησιμοποιώντας την παρακάτω γραμμή:

Όπως μπορείτε να δείτε, μορφοποιήσαμε με επιτυχία τον αριθμό τηλεφώνου.

Μέθοδοι 2: Χρήση substr() για να μορφοποιήσετε τον αριθμό σε JavaScript

Ο ' substr() Η μέθοδος εξάγει τη δευτερεύουσα συμβολοσειρά από ένα συγκεκριμένο ευρετήριο μέχρι το αναφερόμενο τελικό ευρετήριο. Αυτή η μέθοδος μπορεί να βοηθήσει στη δημιουργία υποσυμβολοσειρών αριθμών με σωστή μορφή και ακολουθία χαρακτήρων. Ως αποτέλεσμα, θα δημιουργηθεί ένας μορφοποιημένος αριθμός.

Σύνταξη

Εδώ, το « substr() Η μέθοδος ' θα ανακτήσει τη δευτερεύουσα συμβολοσειρά από το καθορισμένο ' αρχή ' ευρετήριο μέχρι το ' τέλος ' ευρετήριο της δεδομένης συμβολοσειράς.

Παράδειγμα 1

Ας χωρίσουμε το πρόγραμμα σε τρία μέρη. Στο πρώτο μέρος, θα εξετάσουμε την τιμή ' p.substr(0, 3) ”, καθώς το 0 είναι το σημείο εκκίνησης και το 3 είναι το μήκος. στο δεύτερο μέρος, η τιμή ' p.substr(3, 3) ” δηλώνει ότι τα ψηφία θα ξεκινούν από την 4η θέση και το μήκος τους θα είναι 3. Το τελευταίο μέρος έχει τιμή ” p.substr(6, 4) όπου οι θέσεις των ψηφίων ξεκινούν από το 7 και το συνολικό μήκος τους είναι 4:

Παραγωγή

Τώρα, ας πάρουμε ένα άλλο παράδειγμα για να καταλάβουμε πώς μπορούμε να εισαγάγουμε τον κωδικό χώρας μαζί με τον αριθμό μας χρησιμοποιώντας την ίδια μέθοδο.

Παράδειγμα 2

Σε αυτό το παράδειγμα, θα πάρουμε τη συμβολοσειρά ' str 'και φτιάξτε το ' +1 ” για αποθήκευση σε αυτό:

Τώρα, θα ορίσουμε το 1 ως το σημείο εκκίνησης στην πρώτη τιμή του ' p.substr(1, 3) '. Ο υπόλοιπος κωδικός θα παραμείνει ο ίδιος:

Εκτυπώστε την πρόσφατα αρχικοποιημένη συμβολοσειρά με συμβολοσειρά p:

Παραγωγή

Μάθαμε τη διαδικασία μορφοποίησης αριθμού τηλεφώνου σε JavaScript μέσω δύο διαφορετικών μεθόδων.

συμπέρασμα

Για να μορφοποιήσετε τον αριθμό τηλεφώνου, το ' RegEx ' ή ' substr() Η μέθοδος μπορεί να χρησιμοποιηθεί. Καθορίζοντας την τυπική έκφραση, πρέπει να δημιουργήσετε ένα μοτίβο και, στη συνέχεια, με τη βοήθεια της μεθόδου αντικατάστασης(), ο αριθμός τηλεφώνου μπορεί να μορφοποιηθεί. Στη μέθοδο substr(), μπορούν να δημιουργηθούν τρία μέρη και κάθε τμήμα έχει καθορισμένο σημείο εκκίνησης και μήκος. Αυτό το άρθρο έχει καλύψει τη μέθοδο μορφοποίησης αριθμών τηλεφώνου σε JavaScript.