כתיבה זו תמחיש את הגישות שניתן ליישם לעיצוב מספר ב-JavaScript.
כיצד לעצב מספר ב-JavaScript?
ניתן ליישם את הגישות הבאות לעיצוב מספר ב-JavaScript:
- ' toFixed() ' שיטה.
- ' Intl.NumberFormat() 'קונסטרוקטור.
- ' toLocaleString() ' שיטה.
- ' הבעה רגילה ”
כעת יומחשו הגישות המוזכרות אחת לאחת!
דוגמה 1: עיצוב מספר ב-JavaScript באמצעות שיטת toFixed()
ניתן ליישם שיטה זו כדי לעצב את המספר שסופק בצורה כזו שלא יישארו בו נקודות עשרוניות או שישארו בו מספר קבוע של ספרות אחרי הנקודה העשרונית.
ראשית, ציין את המספר שיש לעצב:
תן formatNumber = 12.345678 ;
לאחר מכן, החל את ' toFixed() ' שיטה לעיצוב המספר הנתון כך שלא יישארו בו ספרות אחרי הנקודה העשרונית:
לְנַחֵם. עֵץ ( 'המספר המעוצב הוא:' , formatNumber. לתיקון ( ) ) ;בשלב זה, באופן דומה, החל את אותה שיטה על ידי העברת ' שתיים ' בפרמטר שלו. זה יגרום לעיצוב מספר בשני מקומות עשרוניים:
לְנַחֵם. עֵץ ( 'המספר המעוצב הוא:' , formatNumber. לתיקון ( שתיים ) ) ;
תְפוּקָה
דוגמה 2: עיצוב מספר ב-JavaScript באמצעות Intl.NumberFormat() Constructor
ה ' Intl.NumberFormat() 'קונסטרוקטור יוצר אובייקט חדש המאפשר עיצוב של מספר רגיש לשפה. ניתן ליישם גישה זו לעיצוב המספר הנתון בהתבסס על המטבע שצוין.
ראשית, ציין את המספר שיש לעצב:
const formatNumber = 12345.67 ;כעת, החל את ' Intl.NumberFormat() ' גישה לעיצוב המספר שצוין ביחס ל' לָנוּ ' מטבע והצג אותו בהתאם:
תן numUpd = חָדָשׁ Intl. NumberFormat ( 'בתוכנו' , { סִגְנוֹן : 'מַטְבֵּעַ' , מַטְבֵּעַ : 'דולר אמריקאי' } ) . פוּרמָט ( 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.