ستوضح هذه الكتابة الأساليب التي يمكن تنفيذها لتنسيق رقم في JavaScript.
كيفية تنسيق رقم في جافا سكريبت؟
يمكن تنفيذ الطرق التالية لتنسيق رقم في JavaScript:
- ' للتصليح() ' طريقة.
- ' Intl.NumberFormat () ' البناء.
- ' toLocaleString () ' طريقة.
- ' تعبير عادي '
سيتم الآن توضيح الأساليب المذكورة واحدة تلو الأخرى!
مثال 1: تنسيق رقم في JavaScript باستخدام طريقة toFixed ()
يمكن تطبيق هذه الطريقة لتنسيق الرقم المقدم بحيث لا يتبقى فيه أي فاصلة عشرية أو يترك فيه عددًا ثابتًا من الأرقام بعد الفاصلة العشرية.
أولاً ، حدد الرقم المطلوب تنسيقه:
اسمحوا formatNumber = 12.345678 ؛
بعد ذلك ، قم بتطبيق ' للتصليح() 'لتنسيق الرقم المحدد بحيث لا تترك فيه أي أرقام بعد الفاصلة العشرية:
وحدة التحكم. سجل ( 'الرقم المنسق هو:' و formatNumber. للتصليح ( ) ) ؛وبالمثل ، في هذه الخطوة ، طبق نفس الطريقة عن طريق تمرير ' اثنين 'في المعلمة الخاصة به. سينتج عن ذلك تنسيق رقم لمنزلتين عشريتين:
وحدة التحكم. سجل ( 'الرقم المنسق هو:' و formatNumber. للتصليح ( اثنين ) ) ؛
انتاج |
مثال 2: تنسيق رقم في JavaScript باستخدام مُنشئ Intl.NumberFormat ()
ال ' Intl.NumberFormat () 'ينشئ المُنشئ كائنًا جديدًا يتيح تنسيق رقم حساس للغة. يمكن تطبيق هذا الأسلوب لتنسيق الرقم المحدد بناءً على العملة المحددة.
أولاً ، حدد الرقم المطلوب تنسيقه:
مقدار ثابت formatNumber = 12345.67 ؛الآن ، قم بتطبيق ' Intl.NumberFormat () 'نهج لتنسيق الرقم المحدد فيما يتعلق بـ' نحن 'وعرضها وفقًا لذلك:
دع numUpd = الجديد دولي رقم ( 'فينا' و { نمط : 'عملة' و عملة : 'دولار أمريكي' } ) . صيغة ( formatNumber ) ؛وحدة التحكم. سجل ( 'العملة المنسقة هي:' و عدد ) ؛
انتاج |
ال ' $ 'مع الرقم يشير إلى أن الرقم المقدم منسق في' نحن ' عملة.
مثال 3: تنسيق رقم في JavaScript باستخدام طريقة toLocaleString ()
ال ' toLocaleString () 'طريقة تعطي كائن تاريخ في شكل سلسلة. يمكن تطبيق هذه الطريقة لتنسيق رقم بتنسيق اللغة المحدد.
بناء الجملة
تاريخ . toLocaleString ( محلي و والخيارات )- ' محلي 'يشير إلى تنسيق اللغة المحدد.
- ' والخيارات 'إلى الكائن الذي يمكن تعيين الخصائص إليه.
في المثال الموضح أدناه ، خصص الرقم التالي للمتغير المسمى ' formatNumber ':
اسمحوا formatNumber = 7323452568.283 ؛الآن ، قم بتطبيق ' toLocaleString () '، حدد تنسيق اللغة كـ' فينا 'في المعلمة الخاصة به ، وعرض الرقم المنسق الناتج:
كنت نحن = formatNumber. toLocaleString ( 'فينا' ) ؛وحدة التحكم. سجل ( 'الرقم المنسق هو:' و نحن ) ؛
انتاج |
مثال 4: تنسيق رقم في JavaScript باستخدام التعبير العادي
يمكن استخدام هذا النهج جنبًا إلى جنب مع ' يحل محل() 'طريقة لوضع الفواصل بين الأرقام المقدمة في نفس الفواصل الزمنية كنتيجة لذلك.
أولاً ، قم بتهيئة الرقم التالي:
كنت formatNumber = 445567788 ؛الآن ، قم بتطبيق طريقة replace () مع التعبير العادي. سيخصص التعبير النمطي هنا ' الفواصل 'إلى القيمة التي تمت تهيئتها عن طريق إجراء بحث شامل وإرجاع القيم المفصولة بفواصل وبالتالي تنسيق الرقم المحدد:
وحدة التحكم. سجل ( 'الرقم المنسق هو:' و سلسلة ( formatNumber ) . يحل محل ( /(.)(؟=(\d{3})+$)/g و '1 دولار' ) )انتاج |
لقد انتهينا من الطرق الملائمة لتنسيق رقم في JavaScript.
استنتاج
ال ' للتصليح() 'طريقة' Intl.NumberFormat () 'المُنشئ ،' toLocaleString () 'أو' تعبير عادي 'لتنسيق رقم في JavaScript. ينتج عن الطريقة الأولى تنسيق الرقم بحيث لا يتبقى فيه أي أرقام أو عدد ثابت من الأرقام بعد الفاصلة العشرية. يمكن تطبيق نهج المُنشئ Intl.NumberFormat () لتنسيق رقم بناءً على العملة ، ويمكن تنفيذ طريقة toLocaleString () لتنسيق الرقم المحدد في تنسيق اللغة المحدد. يمكن تطبيق أسلوب التعبير العادي لتنسيق الرقم المقدم بطريقة لإرجاع القيم المفصولة بفواصل. توضح هذه المدونة طرق تنسيق رقم محدد في JavaScript.