Intl हमारे पास आता है!

नहीं, इंटेल नहीं। Intl - जावास्क्रिप्ट ऑब्जेक्ट जिसमें फॉर्मेटिंग संख्या, दिनांक और स्ट्रिंग तुलना के कार्य शामिल हैं। यह इसलिए आता है क्योंकि 29 अप्रैल, फ़ायरफ़ॉक्स, लोकप्रिय ब्राउज़रों में से आखिरी जो Intl का समर्थन नहीं करता है, को 29 संस्करण में अपडेट किया गया है, जिसमें अंतर्राष्ट्रीयकरण के लिए समर्थन सक्षम किया जाएगा।

बेशक, पुराने ब्राउज़र का समर्थन करने के लिए भाग्य की इच्छा रखने वाले लोग फिर से भाग्य से बाहर हैं। लेकिन प्रगति अभी भी स्थिर नहीं है और अप्रैल के अंत में शुरू होने पर, भाग्यशाली लोग धीरे-धीरे अपनी परियोजनाओं में Intl का परिचय दे पाएंगे।

Intl JS प्रोग्रामर को क्या देता है?

एक Intl ऑब्जेक्ट में तीन गुण होते हैं:

• Intl.Collator - एक वर्ग के लिए कंस्ट्रक्टर जो लोकेल के आधार पर स्ट्रिंग्स की तुलना करने की अनुमति देता है।
• Intl.DateTimeFormat - क्लास कंस्ट्रक्टर जो आपको लोकेल के आधार पर दिनांक और समय को प्रारूपित करने की अनुमति देता है
• Intl.NumberFormat - संख्या स्वरूपण कार्यों वाले वर्ग का निर्माता। स्थानीय लोगों के अनुसार, बिल्कुल।

सभी निर्माणकर्ता दो मापदंडों को स्वीकार करते हैं - locale और options ।
पहला तर्क लोकेल को निर्दिष्ट करने वाली एक पंक्ति है, उदाहरण के लिए, "हाय", "आरयू-आरयू", "डी-डे-यू-सह-फोनबक", दूसरा एक ऑब्जेक्ट है, जो डिजाइनर पर निर्भर करता है, जिसमें आवश्यक सेटिंग्स का एक सेट होता है। दरअसल, वस्तुओं का उपयोग करके बनाया जा सकता है

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

लेकिन मौजूदा वस्तुओं का उपयोग करके कार्यों को लागू किया जा सकता है

 Intl.Collator.call(this [, locales [, options]]) 

अब क्रम में

कोलेटर

क्या आपने कभी तार की तुलना की है? आह आह आह, टमाटर फेंकने की ज़रूरत नहीं, पर हाँ! और उम के साथ लाइनों ... बदमाश? हम देखते हैं:

 console.log(new Intl.Collator("de", {sensitivity: "base"}).compare("ä", "a")); // 0 console.log(new Intl.Collator("sv", {sensitivity: "base"}).compare("ä", "a")); // 1 

हां, स्वीडिश और जर्मन की एक अलग वर्णमाला है। sensitivity विकल्प सिर्फ आपसी समझ के लिए जिम्मेदार है और निम्नलिखित मूल्यों को ले सकता है:

 "base" // a ≠ b, a = á, a = A. "accent" // a ≠ b, a ≠ á, a = A. "case" // a ≠ b, a = á, a ≠ A. "variant" // a ≠ b, a ≠ á, a ≠ A. 

संख्यात्मक मूल्यों को ध्यान में रखते हुए छंटनी की जा सकती है:

 console.log(new Intl.Collator("ru", {numeric: true}).compare("3", "21")); // -1 console.log(new Intl.Collator("ru", {numeric: false}).compare("3", "21")); // 1 

वैसे, विकल्पों में एक usage पैरामीटर भी है, sort और search संभावित मूल्यों के साथ, जो तुलना को भी प्रभावित करता है, लेकिन मैं इस लेख के कार्य को पूरी तरह से Intl ऑब्जेक्ट का वर्णन करने के लिए सेट नहीं करता हूं, यह अभी भी प्रलेखन से बेहतर है - यह काम नहीं करेगा।

एक बहुत ही सुविधाजनक विकल्प ignorePunctuation । नाम खुद के लिए बोलता है और केवल एक उदाहरण की जरूरत है:

 console.log(new Intl.Collator("ru", {ignorePunctuation: true}).compare("!", "")); // 0 console.log(new Intl.Collator("ru", {ignorePunctuation: false}).compare("!", "")); // 1 

कार्यक्रम में आगे:

DateTimeFormat

मुझे नहीं पता कि आपके लिए कैसा है, लेकिन मेरे लिए, दिनांक स्वरूपण एक वास्तविक सिरदर्द है। यदि आप इस तरह के कार्य से बचने के लिए भाग्यशाली हैं, तो उदाहरण के लिए, एक्सेल, और सेल प्रारूपण सेटिंग्स में, पूर्वनिर्धारित स्वरूपों की संख्या की गणना करें। इस पोस्ट की शुरुआत में तस्वीर से स्थान पर निर्भरता जोड़ें, और आप खुश होंगे। बेशक, एक निश्चित बिंदु तक यह बचाता है कि या तो पल की तरह हो। जेएस या एक्सडेट। लेकिन मूल वस्तु में एक होना कितना अच्छा है! आइए करीब से देखें:

timeZone ब्राउज़रों को केवल यूटीसी को समझना आवश्यक है, लेकिन अन्य समय क्षेत्रों का समर्थन कर सकते हैं। दुर्भाग्य से, यह डेवलपर्स के विवेक पर बना हुआ है।

hour12 स्पष्टीकरण, मुझे लगता है, आवश्यकता नहीं है। मैं केवल यह कह सकता हूं कि डिफ़ॉल्ट मान लोकेल पर निर्भर करता है। अच्छा कैसे!

शेष विकल्पों का वर्णन करने के बजाय, जो दस्तावेज़ीकरण में पाया जा सकता है, मैं कुछ उदाहरण दूंगा:

 var date = new Date(); console.log(new Intl.DateTimeFormat("de-DE", { weekday: "long", year: "numeric", month: "long", day: "numeric"}).format(date)); // Samstag, 5. April 2014 console.log(new Intl.DateTimeFormat("ru", { weekday: "short", year: "2-digit", month: "long", day: "numeric"}).format(date)); // , 5  14 . console.log(new Intl.DateTimeFormat("ar-EG", { weekday: "narrow", year: "numeric", month: "long", day: "numeric"}).format(date)); // ٢٠١٤      ,       

NumberFormat

खैर, यह किसी तरह की छुट्टी है!
उदाहरण के लिए, आप सामने शून्य के साथ एक संख्या प्रदर्शित करना चाहते हैं। किसी संख्या को स्ट्रिंग में बदलना और इसकी शुरुआत के लिए आवश्यक संख्या को शून्य निर्दिष्ट करना आम बात है। टैम्बोरिन के साथ एक नृत्य इस रूप में नकारात्मक संख्याओं को आउटपुट करने की आवश्यकता को जोड़ता है। वह सब है। आप इसके बारे में भूल सकते हैं।

 console.log(new Intl.NumberFormat("ru-RU",{minimumIntegerDigits: 7}).format(-123)); // -0 000 123 

दशमलव स्थानों के साथ भी ऐसा ही है, लेकिन दो पैरामीटर हैं:

 console.log(new Intl.NumberFormat("ru-RU",{minimumIntegerDigits: 7, minimumFractionDigits: 5, maximumFractionDigits: 7}).format(-12.345)); // -0 000 012,34500 

डिफ़ॉल्ट रूप से, maximumFractionDigits को 3 पर सेट किया जाता है, इसलिए आपको इसके बारे में नहीं भूलना चाहिए।

वैसे, आपने ध्यान दिया? संख्याओं को अंकों में बांटा गया है। आप इस व्यवहार को झूठे के लिए उपयोग कर useGrouping विकल्प को अक्षम कर सकते हैं

 console.log(new Intl.NumberFormat("ru-RU",{minimumIntegerDigits: 7, useGrouping: false}).format(-12.345)); // -0000012,345 

और अंत में, एक बिल्कुल अविश्वसनीय बात। मनी!
क्या आप यूरो में चाहते हैं?

 console.log(new Intl.NumberFormat("de-DE", {style: "currency", currency: "EUR"}).format(12.345)); // 12,345 € 

या शायद येन में?

 console.log(new Intl.NumberFormat("ja-JP", {style: "currency", currency: "JPY"}).format(12.345)); //￥12.345 

या शायद यूरो में, लेकिन जापानी तरीके से?

 console.log(new Intl.NumberFormat("ja-JP", {style: "currency", currency: "EUR"}).format(12.345)); // €12.345 

अन्य पैरामीटर भी हैं, लेकिन, फिर से, प्रलेखन मुझसे बेहतर कहेगा।

निष्कर्ष

आशा है कि आप डेमो से प्रभावित होंगे। मेरे लिए, मैं पूरी तरह से प्रसन्न हूं और 29 वीं ओग्लिस की रिलीज का इंतजार कर रहा हूं। मैं अब पुराने ब्राउज़रों का समर्थन नहीं कर सकता। प्राचीन वस्तुओं के लिए आत्मा वैसे भी झूठ नहीं बोलती, लेकिन Intl को हर जगह पेश किए जाने के बाद, यह बहुत ही निराशाजनक होगा कि इसका उपयोग न करें क्योंकि कोई व्यक्ति "ताज़ा ब्राउज़र" बटन पर क्लिक करने के लिए बहुत आलसी है।
लेख प्रलेखन के आधार पर लिखा गया है:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl