في هذه المقالة، سنناقش تنسيق الأرقام بفواصل في JavaScript. في بعض الأحيان، نطلب تنسيق رقم بفواصل في صفحة HTML لتسهيل قراءته. باستخدام جافا سكريبت، يمكننا تحويل رقم إلى قيمة مفصولة بفواصل. وهنا سنناقش الطرق لذلك.
الطريقة الأولى لتنسيق الأرقام بفواصل هي استخدام toLocaleString() طريقة.
باستخدام طريقة toLocaleString ().
ال جافا سكريبت toLocaleString() يتم استخدام الطريقة لتحويل عناصر المصفوفة المحددة إلى سلسلة، ويتم فصل هذه السلاسل بفاصلة '،'. يمكننا تمرير 'فينا' كمعلمة بحيث تأخذ الطريقة تنسيق الولايات المتحدة واللغة الإنجليزية وتمثل الأرقام بفاصلة بين الآلاف.
25 من 100
الآن دعونا نفهم الطريقة من خلال مثال.
جافا سكريبت تقليم السلسلة الفرعية
مثال
في هذا المثال نستخدم 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.