במאמר זה, אנו הולכים לדון בעיצוב של מספרים עם פסיקים ב-JavaScript. לפעמים, אנו דורשים עיצוב מספר עם פסיקים בדף ה-HTML כדי להקל על הקריאה. באמצעות JavaScript, אנו יכולים להפוך מספר לערך מופרד בפסיקים. כאן, נדון בדרכים לכך.
הדרך הראשונה לעצב מספרים עם פסיקים היא שימוש ב- toLocaleString() שיטה.
שימוש בשיטת toLocaleString()
ה JavaScript toLocaleString() השיטה משמשת להמרת הרכיבים של המערך הנתון למחרוזת, והמחרוזות הללו מופרדות בפסיק ','. אנחנו יכולים לעבור את 'בתוכנו' כפרמטר כך שהשיטה תיקח את הפורמט של ארצות הברית והשפה האנגלית ותייצג את המספרים עם פסיק בין האלפים.
כעת, בואו נבין את השיטה באמצעות דוגמה.
דוגמא
בדוגמה זו אנו משתמשים ב- toLocaleString() כדי לעצב את המספרים מופרדים בפסיקים. כאן, אנו מעצבים שני מספרים, האחד הוא מסוג מספר שלם ואחר הוא בנקודה צפה. לאחר לחיצה על הכפתור הנתון, מספרים נתונים יפורמטו בפסיקים. המספרים יופרדו בפסיקים באלף המקומות.
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } בדוק את זה עכשיו תְפוּקָה
לאחר ביצוע הקוד לעיל, הפלט יהיה -
לאחר לחיצה על הכפתור הנתון, הפלט יהיה -
זה הכל עבור הדרכה זו. במאמר זה, דנו בשלוש דרכים לעיצוב מספר עם פסיקים ב-JavaScript. מקווה שתמצא את המאמר הזה אינפורמטיבי ומועיל על מנת להבין את הדרכים לעצב מספרים עם פסיקים ב-JavaScript.