जावास्क्रिप्ट प्रारूप मुद्रा (intl.numberformat)

जावास्क्रिप्ट में, Intl.NumberFormat() विधि का उपयोग उस मुद्रा को निर्दिष्ट करने के लिए किया जाता है जिसे हम प्रतिनिधित्व करने के लिए एक संख्या चाहते हैं। विधि एक कंस्ट्रक्टर है जिसका उपयोग मुद्रा को उसकी शैली संपत्ति में प्रारूपित करने के लिए किया जा सकता है।

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

कंस्ट्रक्टर और उसके पैरामीटर्स को तोड़ना

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

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

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

विकल्प में 17 अलग-अलग गुण हैं जो इसे धारण कर सकते हैं, लेकिन इस लेख में, हम केवल तीन पर ध्यान केंद्रित करेंगे। हम शैली पर भी ध्यान केंद्रित करते हैं, जिसका उपयोग हम करेंसी डिस्प्ले और करेंसीसाइन के साथ कर सकते हैं।

उदाहरण कोड

const money = 85000.50
 
// For Brazilian Reals
console.log(new Intl.NumberFormat('pr-BR', {style: 'currency', currency: 'BRL'}).format(money))
// outputs R$85,000.50
 
// For USD
console.log(new Intl.NumberFormat('en-US', {style: 'currency', currency: 'USD'}).format(money))
// outputs $85,000.50
 
// For Japanese Yen
console.log(new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(money));
// outputs ¥85,001

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

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

मुद्रा प्रदर्शन और मुद्रा चिह्न

मुद्रा के विकल्प पैरामीटर के तहत हम दो अन्य सामान्य गुण धारण कर सकते हैं, वे हैं करेंसीडिस्प्ले और करेंसीसाइन।

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

करेंसीडिस्प्ले प्रतीक, नैरोसिंबोल, कोड और नाम जैसे मानों का उपयोग करके मुद्रा को अलग-अलग स्वरूपण में प्रदर्शित करेगा।

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

करेंसीसाइन एक नंबर को माइनस साइन जोड़ने के बजाय कोष्ठक में लपेटेगा। इसका उपयोग "लेखांकन" के लिए और उसके साथ किया जाता है, इसलिए हमें इसके विकल्प को बदलना होगा क्योंकि यह स्वचालित रूप से "मानक" के लिए डिफ़ॉल्ट है।

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

निष्कर्ष

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