يعد تنسيق الأسعار في JavaScript أمرًا ضروريًا لعرض الأسعار بتنسيق سهل الاستخدام ومتسق. ستناقش هذه المقالة كيفية تنسيق الأسعار في JavaScript باستخدام التقنيات الأساسية والمتقدمة. سنغطي تنسيق الأسعار الأساسي باستخدام الأسلوب toFixed لكائن Number وتنسيق الأسعار المتقدم باستخدام كائن Intl.NumberFormat. سنناقش أيضًا اعتبارات التدويل (i18n) وإدارة تحويل العملات عند تنسيق الأسعار لجمهور عالمي. بنهاية هذه المقالة، ستفهم بشكل أفضل كيفية تنسيق الأسعار في JavaScript وإنشاء تجربة مستخدم أفضل لجمهورك الدولي.

تنسيق السعر الأساسي

لتنسيق السعر في JavaScript، يمكنك استخدام الطريقة toFixed للكائن Number. تقوم الطريقة toFixed بإرجاع سلسلة تمثل الرقم الموجود في تدوين النقطة الثابتة. تأخذ الطريقة toFixed معلمة اختيارية تحدد عدد الأرقام بعد العلامة العشرية. إذا لم يتم تحديد عدد الأرقام، فإن القيمة الافتراضية هي 0.

إليك مثال:

function formatPrice(price) {
    return price.toFixed(2);
}

console.log(formatPrice(10)); // 10.00

console.log(formatPrice(10.1)); // 10.10

في المثال أعلاه، تأخذ الدالة formatPrice رقمًا كوسيطة وترجع سلسلة تمثل الرقم المكون من رقمين بعد العلامة العشرية.

تنسيق الأسعار المتقدم

يمكنك استخدام كائن Intl.NumberFormat إذا كنت بحاجة إلى تنسيق أسعار أكثر تقدمًا. كائن Intl.NumberFormat هو كائن مضمن في JavaScript يوفر طريقة لتنسيق الأرقام وفقًا للإعدادات المحلية للمستخدم. يمكنك استخدام الكائن Intl.NumberFormat لتنسيق الأسعار باستخدام رموز العملات والفواصل العشرية وآلاف الفواصل. إليك مثال:

function formatPrice(price, locale = 'en-US', currency = 'USD') {
    return new Intl.NumberFormat(locale, {
        style: 'currency',
        currency: currency,
    }).format(price);
}

console.log(formatPrice(10)); // $10.00

console.log(formatPrice(10.1)); // $10.10

في المثال أعلاه، تأخذ الدالة formatPrice رقمًا ولغة محلية وعملة كوسيطات وترجع سلسلة تمثل الرقم المنسق كعملة باللغة والعملة المحددة.

اعتبارات التدويل (i18n).

عند تنسيق الأسعار لجمهور دولي، ضع في الاعتبار تفضيلات اللغة والعملة الخاصة بالمستخدم. يمكنك استخدام الكائن Intl.NumberFormat لتنسيق الأسعار وفقًا للغة والعملة الخاصة بالمستخدم. وهذا يضمن عرض الأسعار بتنسيق مألوف وسهل الاستخدام للمستخدمين من مختلف المناطق. يمكنك أيضًا توفير خيارات للمستخدمين لتغيير إعدادات العملة والإعدادات المحلية لتناسب تفضيلاتهم. ومن خلال مراعاة عوامل التدويل (i18n) عند تنسيق الأسعار، يمكنك إنشاء تجربة مستخدم أفضل لجمهورك العالمي.

إدارة تحويل العملات

إذا كان تطبيقك يدعم عملات متعددة، فقد تحتاج إلى تحويل الأسعار بين عملات مختلفة. يمكنك استخدام واجهة برمجة تطبيقات أو خدمة تحويل العملات للحصول على أحدث أسعار الصرف وتحويل الأسعار وفقًا لذلك. عند تحويل الأسعار بين العملات، يجب عليك مراعاة أسعار الصرف والرسوم وقواعد التقريب لضمان تحويلات دقيقة ومتسقة. من خلال إدارة تحويل العملات بفعالية، يمكنك تزويد المستخدمين بمعلومات تسعير محدثة ودقيقة بالعملة المفضلة لديهم.

ملخص

يعد تنسيق الأسعار في JavaScript أمرًا ضروريًا لعرض الأسعار بتنسيق سهل الاستخدام ومتسق. يمكنك استخدام الأسلوب toFixed للكائن Number لتنسيق السعر الأساسي أو الكائن Intl.NumberFormat لتنسيق السعر المتقدم باستخدام خيارات اللغة والعملة. من خلال النظر في عوامل التدويل (i18n) وإدارة تحويل العملات، يمكنك إنشاء تجربة مستخدم أفضل لجمهورك العالمي.