Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में करेंसी फॉर्मेट करना (Intl.NumberFormat)

JavaScript में, Intl.NumberFormat() मेथड का उपयोग उस करेंसी को निर्दिष्ट करने के लिए किया जाता है जिसे हम एक नंबर से दर्शाना चाहते हैं। यह मेथड एक कंस्ट्रक्टर है जिसका उपयोग इसकी स्टाइल प्रॉपर्टी में करेंसी को फॉर्मेट करने के लिए किया जा सकता है।

यह लेख बताता है कि हम Intl.NumberFormat() का उपयोग इसे प्राप्त करने के लिए कैसे करते हैं, साथ ही कुछ उदाहरण कोड भी दिखाता है।

कंस्ट्रक्टर और इसके पैरामीटर्स को समझना

new Intl.NumberFormat([locales[, options]])

चूंकि Intl.NumberFormat() एक कंस्ट्रक्टर है, यह JavaScript के "new" कीवर्ड से पहले होगा ताकि एक ऑब्जेक्ट बनाया जा सके जो विशेष नंबर फॉर्मेटिंग प्राप्त कर सके।

कंस्ट्रक्टर दो वैकल्पिक पैरामीटर्स लेता है, "locales" और "options"। Locales इंटरनेट के बेस्ट करंट प्रैक्टिसेज (BCP) के लिए भाषा टैग्स के साथ एक स्ट्रिंग रखेगा, या वर्तमान में, BCP 47। उदाहरण के लिए, यदि हम अमेरिकी अंग्रेजी चाहते हैं, तो हम BCP 47 भाषा टैग "en-US" का उपयोग करेंगे, यदि हम ब्राजीलियाई पुर्तगाली चाहते हैं, तो हम "pt-BR" का उपयोग करेंगे।

Options में 17 अलग-अलग प्रॉपर्टीज हो सकती हैं, लेकिन इस लेख में, हम केवल तीन पर ध्यान केंद्रित करेंगे। हम स्टाइल पर भी ध्यान केंद्रित करते हैं, जिसका उपयोग हम करेंसी के साथ कर सकते हैं, CurrencyDisplay, और CurrencySign।

उदाहरण कोड

const money = 85000.50 // ब्राजीलियाई रियल के लिए console.log(new Intl.NumberFormat('pt-BR', {style: 'currency', currency: 'BRL'}).format(money)) // आउटपुट R$85,000.50 // USD के लिए console.log(new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(money)) // आउटपुट $85,000.50 // जापानी येन के लिए console.log(new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(money)); // आउटपुट ¥85,001

हमारे उपरोक्त उदाहरण कोड से ध्यान देने योग्य कुछ बातें यह हैं कि हमने अपने money वेरिएबल को पास करने के लिए format() मेथड का उपयोग किया है। हमने ऐसा नया ऑब्जेक्ट बनाने के बाद किया, जिसका उपयोग हमारी प्राथमिकताओं के अनुसार हमारी करेंसी को फॉर्मेट करने के लिए किया जा रहा है, जिन्हें पैरामीटर्स के रूप में पास किया जा रहा है।

ध्यान दें कि हम न केवल अपने आउटपुट में वास्तविक सिंबल प्राप्त करते हैं, बल्कि हम करेंसीज के लिए सही फॉर्मेट भी प्राप्त करते हैं। जापानी येन के साथ, इस उदाहरण में परिवर्तन जानबूझकर राउंड अप किया गया था क्योंकि यह माइनर यूनिट्स का पालन नहीं करता है।

CurrencyDisplay और CurrencySign

दो अन्य सामान्य प्रॉपर्टीज जिन्हें हम करेंसी के लिए ऑप्शन्स पैरामीटर के तहत रख सकते हैं, वे हैं CurrencyDisplay और CurrencySign।

CurrencyDisplay करेंसी को सिंबल, नैरोसिंबल, कोड, और नाम जैसे मानों का उपयोग करके विभिन्न फॉर्मेटिंग में प्रदर्शित करेगा।

let money = 85000.50; const symbol = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', currencyDisplay: 'symbol' }).format(money); const narrowSymbol = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' }).format(money); const code = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', currencyDisplay: 'code' }).format(money); const name = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', currencyDisplay: 'name' }).format(money); console.log(symbol) // $85,000.50 console.log(narrowSymbol) // $85,000.50 बजाय US$85,000.50 के console.log(code) // USD 85,000.50 console.log(name) // 85,000.50 US dollars

CurrencySign माइनस साइन जोड़ने के बजाय नंबर को पैरेंथेसिस में लपेटेगा। यह "accounting" के साथ और उसके लिए उपयोग किया जाता है, इसलिए हमें ऑप्शन को इसमें बदलना होगा क्योंकि यह डिफ़ॉल्ट रूप से "standard" पर सेट है।

let money = -8500.50; const accounting = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', currencySign: 'accounting' }).format(money); console.log(accounting) // ($8,500.50)

निष्कर्ष

Intl.NumberFormat() मेथड एक कंस्ट्रक्टर है जिसका उपयोग अन्य चीजों के अलावा, इसकी स्टाइल प्रॉपर्टी में करेंसी को फॉर्मेट करने के लिए किया जाता है। हम इसे अपनी पसंद के अनुसार करेंसी प्रदर्शित करने के लिए format() के साथ संयोजन में उपयोग कर सकते हैं।

  1. 24 घंटे फॉर्मेट को 12 घंटे में बदलने के लिए जावास्क्रिप्ट प्रोग्राम 24 घंटे फॉर्मेट को 12 घंटे में बदलने के लिए जावास्क्रिप्ट प्रोग्राम

    जावास्क्रिप्ट में 24 घंटे फॉर्मेट को 12 घंटे में बदलने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <

  1. - JavaScript में 'HH:MM:SS' फॉर्मेट को सेकंड में कैसे बदलें

    हमें एक फ़ंक्शन लिखना आवश्यक है जो HH:MM:SS स्ट्रिंग लेता है और सेकंड की संख्या लौटाता है। उदाहरण के लिए: countSeconds(12:00:00) //43200 countSeconds(00:30:10) //1810 आइए इसके लिए कोड लिखें। हम स्ट्रिंग को विभाजित करेंगे, स्ट्रिंग्स के ऐरे को नंबर्स के ऐरे में बदलेंगे और उचित सेकंड की संख्या लौटाएं

  1. जावास्क्रिप्ट में वैध डेट फॉर्मेट चेक करना जावास्क्रिप्ट में वैध डेट फॉर्मेट चेक करना

    वैध डेट फॉर्मेट चेक करने के लिए, डेट का मिलान करें -const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/;उदाहरण  Document .check-valid-date { border: 1px solid red; } const dateFormat = /^\d{4}\-\d{2}\-\d{2}$/; document.getElementById(check-valid-date).addEventListener(change, checkingForVal