Javaस्क्रिप्ट स्ट्रिंग प्रारूप: उदाहरण सहित विधियाँ

एचएमबी क्या है? Javaस्क्रिप्ट स्ट्रिंग प्रारूप?

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

अपने में Javaस्क्रिप्ट कोड, स्ट्रिंग फ़ॉर्मेटिंग जटिल डेटा को सरल तरीके से बदल सकता है। यह आउटपुट पठनीयता में भी सुधार करता है और कोड को अधिक रखरखाव योग्य बनाता है। इसके अतिरिक्त, उचित रूप से फ़ॉर्मेट किया गया Javaस्क्रिप्ट स्ट्रिंग्स भी एप्लिकेशन के उपयोगकर्ता अनुभव को बढ़ाने में भूमिका निभा सकती हैं।

स्ट्रिंग्स को कैसे फ़ॉर्मेट करें Javaलिखी हुई कहानी?

किसी स्ट्रिंग को फ़ॉर्मेट करने के लिए Javaस्क्रिप्ट के लिए, दिए गए चरणों का पालन करें:

चरण 1) सबसे पहले, यह निर्धारित करना आवश्यक है कि आप स्ट्रिंग में कौन सा डेटा शामिल करना चाहते हैं।

चरण 2) फिर, JS में स्ट्रिंग को फ़ॉर्मेट करने के लिए एक विधि का चयन करें।

चरण 3) इसके कार्यान्वयन के लिए तदनुसार कोड लिखें।

चरण 4) यह सुनिश्चित करने के लिए कोड का परीक्षण करें कि यह अपेक्षित आउटपुट उत्पन्न करता है।

चरण 5) अतिरिक्त स्वरूपण आवश्यकताओं या अपेक्षाओं को पूरा करने के लिए कोड को अद्यतन या संशोधित करें।

चरण 6) रखरखाव और पठनीयता के लिए कोड को पुनः संशोधित करें।

विभिन्न स्ट्रिंग स्वरूपण विधियाँ Javaलिपि

स्ट्रिंग्स को फ़ॉर्मेट करने के कई तरीके मौजूद हैं Javaस्क्रिप्ट, जिसमें संयोजन ऑपरेटर, टेम्पलेट लिटरल, नियमित अभिव्यक्तियाँ, और बहुत कुछ शामिल है।

अगले अनुभाग में, आप निम्नलिखित दृष्टिकोणों का पता लगाएंगे:

• {} Brackets बैकटिक्स के साथ
• + "" Operaटो
• कस्टम फ़ंक्शन स्ट्रिंग स्वरूपण
• संयोजन ऑपरेटर
• टेम्पलेट शाब्दिक
• नियमित अभिव्यक्ति
• कस्टम फ़ंक्शन
• टर्नरी ऑपरेटर

विधि 1: {} का उपयोग करना Brackets बैकटिक्स के साथ स्ट्रिंग को प्रारूपित करें Javaलिपि

इस विधि में, आप उपयोग कर सकते हैं टेम्पलेट जोड़कर शाब्दिक बैकटिक (`) स्ट्रिंग को संलग्न करने के लिए। फिर, स्ट्रिंग तर्कों के चर को ब्रैकेट {} में डॉलर चिह्न “$” से पहले डालें। ये टेम्पलेट आपको स्ट्रिंग लिटरल के भीतर अभिव्यक्तियाँ एम्बेड करने में सक्षम बनाते हैं।

यह ऑपरेशन प्लेसहोल्डर्स नामक चर और अन्य परिभाषित मानों को संयोजित करने में मदद करता है। परिणामस्वरूप, प्लेसहोल्डर्स के मानों को इंटरपोल करके अंतिम स्वरूपित स्ट्रिंग प्राप्त की जाती है।

उदाहरण के लिए, हमने दो चर बनाए हैं, “नाम" तथा "आईडी,” और फिर उन्हें स्वरूपित आउटपुट उत्पन्न करने के लिए बैकटिक्स में संलग्न किया। ध्यान दें कि “${}” सिंटैक्स का उपयोग स्ट्रिंग के साथ अभिव्यक्तियों को एम्बेड करने के लिए किया जाता है।

कोड:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

यह देखा जा सकता है कि प्लेसहोल्डर के “नाम” और “आईडी” के मान प्रदर्शित किए गए हैं, जिसका अर्थ है कि स्ट्रिंग इंटरपोलेशन सफलतापूर्वक किया गया है।

आउटपुट:

Welcome Jenny, your ID is 1

विधि 2: + का उपयोग करना Operator को स्ट्रिंग में फॉर्मेट करें Javaलिपि

दूसरा तरीका यह है कि संयोजन ऑपरेटर "+” बुनियादी स्वरूपण स्ट्रिंग्स के लिए Javaस्क्रिप्ट। इस तरीके में वांछित आउटपुट उत्पन्न करने के लिए व्यक्तिगत चर और स्ट्रिंग को एक साथ जोड़ना शामिल है।

उदाहरण के लिए, हमने अब समान चर मानों को संयोजित करने के लिए “+” ऑपरेटर का उपयोग किया है, और “console.log()” विधि कंसोल पर एक स्वरूपित स्ट्रिंग लौटाएगी।

कोड:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

आउटपुट:

Welcome Jenny, your ID is 1

विधि 3: कस्टम फ़ंक्शन स्ट्रिंग फ़ॉर्मेटिंग Javaलिपि

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

यहाँ, हमने एक कस्टम प्रारूप फ़ंक्शन बनाया है जिसका नाम “स्वागत संदेश()” जो दो चर स्वीकार करता है “नाम" तथा "id” को तर्क के रूप में उपयोग करता है और टेम्पलेट स्ट्रिंग लिटरल का उपयोग करके स्वरूपित स्ट्रिंग्स को आउटपुट करता है।

उसके बाद, हमने वांछित चर परिभाषित किए और उन्हें कस्टम फॉर्मेशन फ़ंक्शन कॉल के प्रारूप में पास किया।

कोड:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

आउटपुट:

Welcome Jenny, your ID is 1

विधि 4: फ़ॉर्मेट स्ट्रिंग के लिए संयोजन का उपयोग करना Javaलिपि

कड़ी स्ट्रिंग्स को फ़ॉर्मेट करने के लिए उपयोग की जाने वाली एक सरल विधि है Javaस्क्रिप्ट। इस दृष्टिकोण में संयोजन ऑपरेटर का उपयोग करके स्ट्रिंग चर या कई स्ट्रिंग को एक साथ जोड़ना शामिल है “+". आप इस तकनीक का उपयोग सरल स्ट्रिंग संयोजन कार्यों के लिए भी कर सकते हैं।

दिए गए उदाहरण में, चर “पहला नाम" तथा "उपनाम” को “+” ऑपरेटर की मदद से जोड़कर “ बनाया जाएगापूरा नाम” स्ट्रिंग को निम्नानुसार लिखें।

कोड:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

आउटपुट:

Alex Edward

विधि 5: फ़ॉर्मेट स्ट्रिंग के लिए टेम्पलेट लिटरल का उपयोग करना Javaलिपि

टेम्पलेट स्ट्रिंग्स जिन्हें इस नाम से भी जाना जाता है टेम्पलेट शाब्दिक स्ट्रिंग्स को प्रारूपित करने के लिए अधिक अभिव्यंजक और उन्नत तरीका प्रदान करें Javaस्क्रिप्ट। वे अभिव्यक्तियों के प्रत्यक्ष एम्बेडिंग की अनुमति देते हैं और चर प्लेसहोल्डर का उपयोग करके स्ट्रिंग के भीतर “${अभिव्यक्ति}".

इसके अलावा, टेम्पलेट लिटरल बहु-पंक्ति स्ट्रिंग्स को भी समर्थन प्रदान करता है।

कोड:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

उपरोक्त उदाहरण में, हमने चर “ को सीधे प्रक्षेपित किया हैनाम" तथा "उम्रप्लेसहोल्डर्स का उपयोग करके स्ट्रिंग के भीतर “${}” टेम्पलेट लिटरल के बैकटिक्स (`) के भीतर।

आउटपुट:

Hi, Alex! You are 30 years old.

विधि 6: स्ट्रिंग को फ़ॉर्मेट करने के लिए रेगुलर एक्सप्रेशन का उपयोग करना Javaलिपि

In Javaस्क्रिप्ट कोड, नियमित अभिव्यक्ति स्ट्रिंग हेरफेर और पैटर्न मिलान के लिए उपयोग किए जाने वाले मजबूत उपकरण हैं। इसके अलावा, उन्हें दिए गए पैटर्न को खोजने और उन्हें परिभाषित मूल्यों के साथ बदलने के लिए भी उपयोग किया जाता है। यह ऑपरेशन "की मदद से किया जा सकता हैप्रतिस्थापित करें ()" तरीका।

नीचे दिए गए प्रोग्राम को देखें, रिप्लेस () विधि का उपयोग दो नियमित अभिव्यक्तियों के साथ किया जाता है जो प्लेसहोल्डर्स को प्रतिस्थापित करेगा “[नाम]" तथा "[आईडी]” संबंधित मूल्य के साथ।

कोड:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

इसके परिणामस्वरूप एक नया स्ट्रिंग ऑब्जेक्ट प्राप्त होगा जो “message” वेरिएबल को आउटपुट के रूप में कंसोल पर लॉग किया गया।

आउटपुट:

Welcome Jenny. Your ID is 1

विधि 7: फ़ॉर्मेट स्ट्रिंग के लिए कस्टम फ़ंक्शन का उपयोग करना Javaलिपि

आप अधिक पुन: प्रयोज्य और अनुकूलित स्ट्रिंग प्रारूप भी बना सकते हैं Javaस्क्रिप्ट। ऐसा करने के लिए, एक नई स्क्रिप्ट परिभाषित करें। कस्टम समारोह जो एक स्ट्रिंग और अन्य पैरामीटर स्वीकार करता है। आप प्लेसहोल्डर्स को बदलने या कस्टम फ़ॉर्मेटिंग नियम लागू करने के लिए इसे कॉल कर सकते हैं। यह तकनीक जटिल फ़ॉर्मेटिंग परिदृश्यों में कस्टमाइज़्ड फ़ॉर्मेटिंग का भी समर्थन करती है।

यहाँ, हमने एक नया कस्टम फ़ंक्शन प्रारूप बनाया है जिसका नाम “प्रारूपस्ट्रिंग” जो स्वीकार करता है “स्ट्रिंग" तथा "पैरामीटर("सरणी पैरामीटर्स) को तर्क के रूप में उपयोग करें।

फ़ंक्शन बॉडी के भीतर, हमने “बदलने के ()प्लेसहोल्डर्स को बदलने के लिए एक नियमित अभिव्यक्ति के साथ "विधि"0 {}, 1 {}” को पैरामीटर सरणी से उनके संबंधित मानों के साथ जोड़ें।

कोड:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg); 

आउटपुट:

Hi, Alex! You are 30 years old.

विधि 8: टर्नरी का उपयोग करना Operator को स्ट्रिंग में फॉर्मेट करें Javaलिपि

Javaलिपि टर्नरी ऑपरेटर स्ट्रिंग पर सशर्त अभिव्यक्तियाँ लिखने का एक संक्षिप्त तरीका है। हालाँकि, इसे निर्दिष्ट बूलियन अभिव्यक्ति के अनुसार दो मानों में से एक को सशर्त रूप से चुनकर और स्ट्रिंग लौटाकर स्ट्रिंग फ़ॉर्मेटिंग के लिए भी इस्तेमाल किया जा सकता है।

सिंटेक्स:

condition ? expressionIfTrue : expressionIfFalse

एक स्ट्रिंग ऑब्जेक्ट में फ़ॉर्मेट करने के लिए टर्नरी ऑपरेटर का उपयोग करने के इस उदाहरण कोड पर एक नज़र डालें।

कोड:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

आउटपुट:

Welcome Jenny, you are an admin

यहाँ, हमने दो चर परिभाषित किए हैं “नाम" तथा "isAdmin” मूल्यों के साथ “विंच" तथा "<strong>उद्देश्य</strong>", क्रमश।

उसके बाद, हमने स्ट्रिंग को सशर्त रूप से जोड़ने के लिए टर्नरी ऑपरेटर का उपयोग किया “, आप एक व्यवस्थापक हैंयदि वैकल्पिक पैरामीटर “isAdmin” का मान सत्य है, तो संदेश स्ट्रिंग में " जोड़ें, जैसा कि ऊपर बताया गया है।

की तुलना Javaस्क्रिप्ट स्ट्रिंग प्रारूप विधियाँ

यहां हमने ऊपर चर्चा किए गए लाभ और हानि को सूचीबद्ध किया है Javaस्क्रिप्ट स्ट्रिंग प्रारूप विधियाँ:

विधि	फायदे	नुकसान
Brackets {} बैकटिक्स के साथ (`)	• प्रयोग करने में आसान। • संक्षिप्त एवं पठनीय कोड.	यह अधिक जटिल स्वरूपण आवश्यकताओं के लिए उपयुक्त नहीं हो सकता है।
“+” ऑपरेटर	समझने में आसान।	अधिक जटिल स्वरूपण आवश्यकताओं के लिए यह अक्षम हो सकता है।
स्ट्रिंग फ़ॉर्मेटिंग के लिए कस्टम फ़ंक्शन	बहुत लचीलापन प्रदान करता है.	अधिक कोडिंग प्रयास की आवश्यकता है.
कड़ी Operaटो	सरल एवं व्यापक रूप से समर्थित।	जटिल स्ट्रिंग स्वरूपण के लिए बोझिल.
खाका साहित्य	• बहु-पंक्ति स्ट्रिंग का समर्थन करता है. • Readable और सहज वाक्यविन्यास.	स्वरूपण विकल्पों पर सीमित नियंत्रण.
नियमित अभिव्यक्ति	बहुत अधिक लचीलापन प्रदान करें।	अन्य विधियों की तुलना में अलग कार्यान्वयन और रखरखाव।
कस्टम फ़ंक्शन	बहुत लचीलापन प्रदान करता है.	कस्टम फ़ंक्शन बनाने और बनाए रखने के लिए अतिरिक्त कोडिंग की आवश्यकता होती है।
टर्नरी ऑपरेटर	शून्य या अपरिभाषित मानों को संभालने का संक्षिप्त तरीका।	यह अधिक जटिल स्वरूपण आवश्यकताओं के लिए उपयुक्त नहीं हो सकता है।

ध्यान दें कि विधि का चयन विशिष्ट उपयोग के मामले और आपकी प्रासंगिक आवश्यकताओं पर निर्भर करता है। Javaस्क्रिप्ट कोड.

निष्कर्ष

In Javaलिपि, आप टेम्पलेट लिटरल, टर्नरी ऑपरेटर, “ का उपयोग कर सकते हैं+” ऑपरेटर, रेगुलर एक्सप्रेशन और स्ट्रिंग को फ़ॉर्मेट करने के लिए कस्टम फ़ंक्शन। ये स्ट्रिंग फ़ॉर्मेट विधियाँ डेवलपर्स को कुशल तरीके से टेक्स्ट डेटा में हेरफेर करने और उसे प्रस्तुत करने की अनुमति देती हैं।

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