M

MLOG

हिन्दी

जावास्क्रिप्ट Intl API के साथ वैश्विक पहुँच प्राप्त करें। तारीख, संख्या, मुद्रा और अन्य प्रारूपण के लिए अंतर्राष्ट्रीयकरण की सर्वोत्तम प्रथाओं को सीखें, और दुनिया भर में एक सहज उपयोगकर्ता अनुभव सुनिश्चित करें।

जावास्क्रिप्ट Intl API: वैश्विक दर्शकों के लिए अंतर्राष्ट्रीयकरण की सर्वोत्तम प्रथाएँ

आज की परस्पर जुड़ी दुनिया में, वैश्विक दर्शकों को ध्यान में रखकर वेब एप्लिकेशन बनाना महत्वपूर्ण है। जावास्क्रिप्ट Intl API अंतर्राष्ट्रीयकरण (i18n) के लिए शक्तिशाली उपकरण प्रदान करता है, जो आपको विभिन्न लोकेल के रिवाजों के अनुसार तारीखों, संख्याओं, मुद्राओं और बहुत कुछ को प्रारूपित करने में सक्षम बनाता है। यह लेख वास्तव में वैश्विक एप्लिकेशन बनाने के लिए Intl API का लाभ उठाने की सर्वोत्तम प्रथाओं की पड़ताल करता है।

अंतर्राष्ट्रीयकरण (i18n) और स्थानीयकरण (l10n) को समझना

Intl API की बारीकियों में जाने से पहले, अंतर्राष्ट्रीयकरण (i18n) और स्थानीयकरण (l10n) के बीच अंतर को समझना महत्वपूर्ण है। I18n अनुप्रयोगों को इस तरह से डिजाइन और विकसित करने की प्रक्रिया है कि उन्हें इंजीनियरिंग परिवर्तनों की आवश्यकता के बिना विभिन्न भाषाओं और क्षेत्रों के लिए आसानी से अनुकूलित किया जा सके। L10n, दूसरी ओर, एक अंतर्राष्ट्रीयकृत एप्लिकेशन को एक विशिष्ट लोकेल के लिए टेक्स्ट का अनुवाद करके और अन्य लोकेल-विशिष्ट तत्वों को अनुकूलित करके अनुकूलित करने की प्रक्रिया है।

Intl API i18n पहलू पर ध्यान केंद्रित करता है, जो लोकेल-संवेदनशील डेटा को संभालने के लिए तंत्र प्रदान करता है, जबकि स्थानीयकरण में आमतौर पर अनुवाद और लोकेल-विशिष्ट कॉन्फ़िगरेशन प्रदान करना शामिल होता है।

Intl API के मुख्य घटक

Intl API में कई प्रमुख ऑब्जेक्ट होते हैं, जिनमें से प्रत्येक अंतर्राष्ट्रीयकरण के विशिष्ट पहलुओं को संभालने के लिए जिम्मेदार होता है:

Intl API का उपयोग करने के लिए सर्वोत्तम प्रथाएँ

Intl API का प्रभावी ढंग से उपयोग करने और अपने वैश्विक दर्शकों के लिए एक सकारात्मक उपयोगकर्ता अनुभव सुनिश्चित करने के लिए, निम्नलिखित सर्वोत्तम प्रथाओं पर विचार करें:

1. सही लोकेल निर्दिष्ट करें

अंतर्राष्ट्रीयकरण की नींव सही लोकेल निर्दिष्ट करना है। लोकेल उस भाषा, क्षेत्र और किसी भी विशिष्ट वेरिएंट की पहचान करता है जिसका उपयोग प्रारूपण के लिए किया जाना है। आप उपयोगकर्ता का पसंदीदा लोकेल navigator.language प्रॉपर्टी या Accept-Language HTTP हेडर से प्राप्त कर सकते हैं।

Intl ऑब्जेक्ट बनाते समय, आप लोकेल को एक स्ट्रिंग या स्ट्रिंग्स की एक सरणी के रूप में निर्दिष्ट कर सकते हैं। यदि आप एक सरणी प्रदान करते हैं, तो API उपलब्ध विकल्पों में से सबसे अच्छा मेल खाने वाला लोकेल खोजने का प्रयास करेगा।

उदाहरण:

const locale = navigator.language || 'en-US';
const numberFormat = new Intl.NumberFormat(locale);

यदि उपयोगकर्ता का पसंदीदा लोकेल उपलब्ध नहीं है, तो आप एक फ़ॉलबैक लोकेल प्रदान कर सकते हैं। उदाहरण के लिए, यदि उपयोगकर्ता का ब्राउज़र एक असमर्थित लोकेल की रिपोर्ट करता है तो आप 'en-US' को डिफ़ॉल्ट के रूप में उपयोग कर सकते हैं।

2. दिनांक और समय प्रारूपण के लिए Intl.DateTimeFormat का लाभ उठाएं

स्थानीयकृत अनुभव प्रदान करने के लिए तारीखों और समय को सही ढंग से प्रारूपित करना महत्वपूर्ण है। Intl.DateTimeFormat ऑब्जेक्ट आपको एक विशिष्ट लोकेल के रिवाजों के अनुसार तारीखों और समय को प्रारूपित करने की अनुमति देता है।

आप विभिन्न विकल्पों को निर्दिष्ट करके प्रारूपण को अनुकूलित कर सकते हैं, जैसे कि वर्ष, महीना, दिन, घंटा, मिनट और दूसरा प्रारूप। आप यह सुनिश्चित करने के लिए समय क्षेत्र भी निर्दिष्ट कर सकते हैं कि दुनिया के विभिन्न हिस्सों में उपयोगकर्ताओं के लिए तारीखें और समय सही ढंग से प्रदर्शित हों।

उदाहरण:

const locale = 'de-DE'; // जर्मन (जर्मनी)
const date = new Date();
const options = {
  year: 'numeric',
  month: 'long',
  day: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  timeZone: 'Europe/Berlin'
};

const dateTimeFormat = new Intl.DateTimeFormat(locale, options);
const formattedDate = dateTimeFormat.format(date); // आउटपुट: जैसे "22. Mai 2024, 14:30"
console.log(formattedDate);

यह उदाहरण वर्तमान तिथि और समय को जर्मन (जर्मनी) लोकेल के अनुसार प्रारूपित करता है, जिसमें वर्ष, महीना, दिन, घंटा और मिनट शामिल हैं। यह 'Europe/Berlin' समय क्षेत्र भी निर्दिष्ट करता है।

दुनिया भर में उपयोग किए जाने वाले विभिन्न दिनांक और समय प्रारूपों पर विचार करना याद रखें। उदाहरण के लिए, अमेरिका MM/DD/YYYY का उपयोग करता है, जबकि कई अन्य देश DD/MM/YYYY का उपयोग करते हैं।

3. संख्या, मुद्रा और प्रतिशत प्रारूपण के लिए Intl.NumberFormat का उपयोग करें

Intl.NumberFormat ऑब्जेक्ट लोकेल-विशिष्ट रिवाजों के अनुसार संख्याओं, मुद्राओं और प्रतिशत को प्रारूपित करने का एक लचीला तरीका प्रदान करता है। आप मुद्रा, शैली (दशमलव, मुद्रा, या प्रतिशत), न्यूनतम और अधिकतम भिन्न अंक, और बहुत कुछ जैसे विकल्पों को निर्दिष्ट करके प्रारूपण को अनुकूलित कर सकते हैं।

उदाहरण (मुद्रा प्रारूपण):

const locale = 'ja-JP'; // जापानी (जापान)
const amount = 12345.67;
const options = {
  style: 'currency',
  currency: 'JPY'
};

const numberFormat = new Intl.NumberFormat(locale, options);
const formattedAmount = numberFormat.format(amount); // आउटपुट: जैसे "￥12,346"
console.log(formattedAmount);

यह उदाहरण 12345.67 संख्या को जापानी येन (JPY) के रूप में प्रारूपित करता है। ध्यान दें कि मुद्रा प्रतीक (￥) और समूहीकरण विभाजक (,) जापानी लोकेल के अनुसार स्वचालित रूप से समायोजित हो जाते हैं।

उदाहरण (प्रतिशत प्रारूपण):

const locale = 'ar-EG'; // अरबी (मिस्र)
const percentage = 0.75;
const options = {
  style: 'percent',
  minimumFractionDigits: 2
};

const numberFormat = new Intl.NumberFormat(locale, options);
const formattedPercentage = numberFormat.format(percentage); // आउटपुट: जैसे "٧٥٫٠٠٪"
console.log(formattedPercentage);

यह उदाहरण 0.75 संख्या को अरबी (मिस्र) में प्रतिशत के रूप में प्रारूपित करता है। आउटपुट में अरबी प्रतिशत चिह्न (٪) और दो दशमलव स्थान शामिल हैं।

मुद्रा प्रारूपण के लिए महत्वपूर्ण विचार:

4. Intl.PluralRules के साथ बहुवचन को सही ढंग से संभालें

बहुवचन नियम भाषाओं में काफी भिन्न होते हैं। उदाहरण के लिए, अंग्रेजी में एकवचन और बहुवचन रूपों के साथ सरल नियम हैं, जबकि अन्य भाषाओं में संख्या के मान के आधार पर अधिक जटिल नियम हैं। Intl.PluralRules ऑब्जेक्ट आपको किसी दिए गए नंबर और लोकेल के लिए सही बहुवचन रूप निर्धारित करने में मदद करता है।

उदाहरण:

const locale = 'ru-RU'; // रूसी (रूस)
const pluralRules = new Intl.PluralRules(locale);

function getPluralForm(count) {
  const rule = pluralRules.select(count);
  switch (rule) {
    case 'one': return 'товар'; // tovar (एकवचन)
    case 'few': return 'товара'; // tovara (कुछ)
    case 'many': return 'товаров'; // tovarov (कई)
    default: return 'товаров'; // डिफ़ॉल्ट रूप से कई
  }
}

const count = 5;
const pluralForm = getPluralForm(count);
console.log(`${count} ${pluralForm}`); // आउटपुट: "5 товаров"

यह उदाहरण दिखाता है कि रूसी में "товар" (आइटम) शब्द के लिए सही बहुवचन रूप प्राप्त करने के लिए Intl.PluralRules का उपयोग कैसे करें। रूसी में अलग-अलग बहुवचन रूप होते हैं जो इस पर निर्भर करते हैं कि संख्या 1, 2-4, या 5-9 में समाप्त होती है।

5. Intl.ListFormat के साथ सूचियों को प्रारूपित करें

आइटमों की सूची प्रस्तुत करते समय, प्रारूपण लोकेल के अनुसार भिन्न हो सकता है। Intl.ListFormat ऑब्जेक्ट आपको विभिन्न संयोजक (जैसे, "और", "या") और सूची विभाजक (जैसे, अल्पविराम, अर्धविराम) के उपयोग सहित लोकेल-विशिष्ट रिवाजों के अनुसार सूचियों को प्रारूपित करने की अनुमति देता है।

उदाहरण:

const locale = 'es-ES'; // स्पेनिश (स्पेन)
const list = ['manzanas', 'naranjas', 'plátanos'];
const listFormat = new Intl.ListFormat(locale, { style: 'long', type: 'conjunction' });

const formattedList = listFormat.format(list); // आउटपुट: "manzanas, naranjas y plátanos"
console.log(formattedList);

यह उदाहरण स्पेनिश (स्पेन) में फलों की एक सूची को प्रारूपित करता है, अंतिम दो आइटमों को जोड़ने के लिए संयोजक "y" (और) का उपयोग करता है।

6. Intl.RelativeTimeFormat के साथ सापेक्ष समय प्रारूपित करें

सापेक्ष समय (जैसे, "कल", "2 घंटे में") प्रदर्शित करना समय की जानकारी प्रस्तुत करने का एक उपयोगकर्ता-अनुकूल तरीका प्रदान करता है। Intl.RelativeTimeFormat ऑब्जेक्ट आपको लोकेल-विशिष्ट रिवाजों के अनुसार सापेक्ष समय को प्रारूपित करने की अनुमति देता है।

उदाहरण:

const locale = 'fr-CA'; // फ्रेंच (कनाडा)
const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });

console.log(rtf.format(-1, 'day')); // आउटपुट: "hier"
console.log(rtf.format(2, 'day')); // आउटपुट: "dans 2 jours"

यह उदाहरण फ्रेंच (कनाडा) में सापेक्ष समय को प्रारूपित करता है। आउटपुट "hier" (कल) और "dans 2 jours" (2 दिनों में) दिखाता है।

numeric विकल्प यह नियंत्रित करता है कि संख्याएँ कैसे प्रदर्शित की जाती हैं। 'auto' उपलब्ध होने पर सापेक्ष शब्द (जैसे "कल") प्रदर्शित करता है, और अन्यथा संख्याएँ। 'always' हमेशा संख्याएँ प्रदर्शित करता है।

7. Intl.Collator के साथ स्ट्रिंग्स को मिलाएं

स्ट्रिंग तुलना लोकेल-संवेदनशील है। स्ट्रिंग्स को जिस तरह से क्रमबद्ध किया जाता है वह भाषा के आधार पर भिन्न होता है। उदाहरण के लिए, जर्मन में, "ä" अक्षर को आमतौर पर "a" की तरह क्रमबद्ध किया जाता है, जबकि स्वीडिश में, इसे "z" के बाद क्रमबद्ध किया जाता है। Intl.Collator ऑब्जेक्ट आपको एक विशिष्ट लोकेल के नियमों के अनुसार स्ट्रिंग्स की तुलना करने की अनुमति देता है।

उदाहरण:

const locale = 'de-DE';
const collator = new Intl.Collator(locale);

const strings = ['äpfel', 'birnen', 'bananen', 'aprikosen'];
strings.sort(collator.compare);

console.log(strings); // आउटपुट: ["äpfel", "aprikosen", "bananen", "birnen"]

यह उदाहरण Intl.Collator का उपयोग करके जर्मन शब्दों की एक सरणी को क्रमबद्ध करता है। ध्यान दें कि "äpfel" को "aprikosen" से पहले क्रमबद्ध किया गया है, भले ही "ä" वर्णमाला में बाद में आता है।

8. एज केस और गुम डेटा को संभालें

हर ब्राउज़र या वातावरण द्वारा सभी लोकेल समर्थित नहीं होते हैं। एज केस को संभालना आवश्यक है जहां कोई लोकेल उपलब्ध नहीं है या जब डेटा गायब है। निम्नलिखित रणनीतियों पर विचार करें:

9. विभिन्न लोकेल के साथ पूरी तरह से परीक्षण करें

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

यह सत्यापित करने के लिए स्वचालित परीक्षण उपकरणों का उपयोग करने पर विचार करें कि आपका एप्लिकेशन विभिन्न लोकेल में अपेक्षा के अनुरूप व्यवहार करता है।

10. प्रदर्शन निहितार्थों पर विचार करें

हालांकि Intl API आम तौर पर कुशल है, Intl ऑब्जेक्ट बनाना अपेक्षाकृत महंगा हो सकता है। प्रदर्शन को अनुकूलित करने के लिए, निम्नलिखित पर विचार करें:

Intl API से परे: अंतर्राष्ट्रीयकरण के लिए अतिरिक्त विचार

जबकि Intl API डेटा स्वरूपण के लिए शक्तिशाली उपकरण प्रदान करता है, अंतर्राष्ट्रीयकरण में केवल स्वरूपण से अधिक शामिल है। निम्नलिखित अतिरिक्त पहलुओं पर विचार करें:

निष्कर्ष

जावास्क्रिप्ट Intl API वैश्विक दर्शकों को ध्यान में रखकर वेब एप्लिकेशन बनाने के लिए एक अमूल्य उपकरण है। इस लेख में उल्लिखित सर्वोत्तम प्रथाओं का पालन करके, आप ऐसे एप्लिकेशन बना सकते हैं जो न केवल कार्यात्मक हैं, बल्कि दुनिया भर के उपयोगकर्ताओं के लिए सांस्कृतिक रूप से संवेदनशील और उपयोगकर्ता-अनुकूल भी हैं। Intl API की शक्ति को अपनाएं और वैश्विक मंच पर अपने एप्लिकेशन की क्षमता को अनलॉक करें। Intl API में महारत हासिल करने से आपके सभी उपयोगकर्ताओं के लिए, उनके स्थान या भाषा की परवाह किए बिना, एक अधिक समावेशी और सुलभ अनुभव प्राप्त होगा।