Αυτή η εγγραφή θα απεικονίσει τις προσεγγίσεις που μπορούν να εφαρμοστούν για τη μορφοποίηση ενός αριθμού σε JavaScript.
Πώς να μορφοποιήσετε έναν αριθμό σε JavaScript;
Οι ακόλουθες προσεγγίσεις μπορούν να εφαρμοστούν για τη μορφοποίηση ενός αριθμού σε JavaScript:
- ' toFixed() 'Μέθοδος.
- ' Intl.NumberFormat() ” Κατασκευαστής.
- ' toLocaleString() 'Μέθοδος.
- ' Κοινή έκφραση ”
Οι αναφερόμενες προσεγγίσεις θα επεξηγηθούν τώρα μία προς μία!
Παράδειγμα 1: Μορφοποίηση αριθμού σε JavaScript χρησιμοποιώντας τη μέθοδο toFixed()
Αυτή η μέθοδος μπορεί να εφαρμοστεί για τη μορφοποίηση του παρεχόμενου αριθμού με τέτοιο τρόπο ώστε να μην υπάρχουν δεκαδικά ψηφία σε αυτόν ή να μείνει σταθερός αριθμός ψηφίων μετά την υποδιαστολή.
Πρώτα, καθορίστε τον αριθμό που θα μορφοποιηθεί:
ας formatNumber = 12.345678 ;
Στη συνέχεια, εφαρμόστε το ' toFixed() ” μέθοδος για να μορφοποιήσετε τον δεδομένο αριθμό έτσι ώστε να μην υπάρχουν ψηφία σε αυτόν μετά την υποδιαστολή:
κονσόλα. κούτσουρο ( 'Ο μορφοποιημένος αριθμός είναι:' , formatNumber. σε Διορθώθηκε ( ) ) ;Σε αυτό το βήμα, ομοίως, εφαρμόστε την ίδια μέθοδο περνώντας ' δύο ” στην παράμετρό του. Αυτό θα έχει ως αποτέλεσμα τη μορφοποίηση ενός αριθμού σε δύο δεκαδικά ψηφία:
κονσόλα. κούτσουρο ( 'Ο μορφοποιημένος αριθμός είναι:' , formatNumber. σε Διορθώθηκε ( δύο ) ) ;
Παραγωγή
Παράδειγμα 2: Μορφοποίηση αριθμού σε JavaScript χρησιμοποιώντας τον κατασκευαστή Intl.NumberFormat()
Ο ' Intl.NumberFormat() Ο κατασκευαστής δημιουργεί ένα νέο αντικείμενο που επιτρέπει τη μορφοποίηση ενός ευαίσθητου στη γλώσσα αριθμού. Αυτή η προσέγγιση μπορεί να εφαρμοστεί για τη μορφοποίηση του δεδομένου αριθμού με βάση το καθορισμένο νόμισμα.
Αρχικά, καθορίστε τον αριθμό που θα μορφοποιηθεί:
συνθ formatNumber = 12345,67 ;Τώρα, εφαρμόστε το ' Intl.NumberFormat() ' προσέγγιση για τη μορφοποίηση του καθορισμένου αριθμού σε σχέση με το ' ΜΑΣ ' νόμισμα και εμφανίστε το αναλόγως:
ας numUpd = νέος Intl. Μορφή Αριθμού ( 'σε μας' , { στυλ : 'νόμισμα' , νόμισμα : 'USD' } ) . μορφή ( formatNumber ) ;κονσόλα. κούτσουρο ( 'Το μορφοποιημένο νόμισμα είναι:' , numUpd ) ;
Παραγωγή
Ο ' $ ' με τον αριθμό υποδεικνύει ότι ο παρεχόμενος αριθμός έχει μορφοποιηθεί σε ' ΜΑΣ ” νόμισμα.
Παράδειγμα 3: Μορφοποίηση αριθμού σε JavaScript χρησιμοποιώντας τη μέθοδο toLocaleString()
Ο ' toLocaleString() Η μέθοδος δίνει ένα αντικείμενο ημερομηνίας με τη μορφή συμβολοσειράς. Αυτή η μέθοδος μπορεί να εφαρμοστεί για τη μορφοποίηση ενός αριθμού στην καθορισμένη μορφή γλώσσας.
Σύνταξη
Ημερομηνία . toLocaleString ( τοπικός , επιλογές )- ' τοπικός ” ανατρέξτε στη συγκεκριμένη μορφή γλώσσας.
- ' επιλογές ” δείχνει το αντικείμενο στο οποίο μπορούν να εκχωρηθούν οι ιδιότητες.
Στο παρακάτω παράδειγμα, εκχωρήστε τον ακόλουθο αριθμό στη μεταβλητή με το όνομα ' formatNumber ”:
ας formatNumber = 7323452568.283 ;Τώρα, εφαρμόστε το ' toLocaleString() ' μέθοδος, καθορίστε τη μορφή γλώσσας ως ' σε μας ' στην παράμετρό του και εμφανίζει τον μορφοποιημένο αριθμό που προκύπτει:
ήταν μας = formatNumber. toLocaleString ( 'σε μας' ) ;κονσόλα. κούτσουρο ( 'Ο μορφοποιημένος αριθμός είναι:' , μας ) ;
Παραγωγή
Παράδειγμα 4: Μορφοποιήστε έναν αριθμό σε JavaScript χρησιμοποιώντας την κανονική έκφραση
Αυτή η προσέγγιση μπορεί να χρησιμοποιηθεί μαζί με το « αντικαθιστώ() ” μέθοδος για να τοποθετήσετε τα κόμματα μεταξύ των παρεχόμενων αριθμών στα ίδια διαστήματα ως αποτέλεσμα.
Αρχικά, αρχικοποιήστε τον ακόλουθο αριθμό:
ήταν formatNumber = 445567788 ;Τώρα, εφαρμόστε τη μέθοδο replace() μαζί με την τυπική έκφραση. Η κανονική έκφραση εδώ θα εκχωρήσει ' κόμματα ” στην αρχικοποιημένη τιμή πραγματοποιώντας μια καθολική αναζήτηση και επιστρέψτε τις τιμές διαχωρισμένες με κόμμα, μορφοποιώντας έτσι τον καθορισμένο αριθμό:
κονσόλα. κούτσουρο ( 'Ο μορφοποιημένος αριθμός είναι:' , Σειρά ( formatNumber ) . αντικαθιστώ ( /(.)(?=(\d{3})+$)/g , '$1,' ) )Παραγωγή
Έχουμε ολοκληρώσει τις βολικές προσεγγίσεις για τη μορφοποίηση ενός αριθμού σε JavaScript.
συμπέρασμα
Ο ' toFixed() 'μέθοδος, η ' Intl.NumberFormat() 'κατασκευαστής, ο ' toLocaleString() 'μέθοδος ή η ' κοινή έκφραση ' μπορεί να χρησιμοποιηθεί για τη μορφοποίηση ενός αριθμού σε JavaScript. Η πρώτη μέθοδος έχει ως αποτέλεσμα τη μορφοποίηση του αριθμού έτσι ώστε να μην υπάρχουν ψηφία ή σταθερός αριθμός ψηφίων μετά την υποδιαστολή. Η προσέγγιση κατασκευής Intl.NumberFormat() μπορεί να εφαρμοστεί για τη μορφοποίηση ενός αριθμού με βάση το νόμισμα και η μέθοδος toLocaleString() μπορεί να εφαρμοστεί για τη μορφοποίηση του καθορισμένου αριθμού στη μορφή συγκεκριμένης γλώσσας. Η τεχνική της κανονικής έκφρασης μπορεί να εφαρμοστεί για τη μορφοποίηση του παρεχόμενου αριθμού με τέτοιο τρόπο ώστε να επιστρέφονται οι τιμές διαχωρισμένες με κόμμα. Αυτό το ιστολόγιο παρουσίασε τις μεθόδους για τη μορφοποίηση ενός καθορισμένου αριθμού σε JavaScript.