जावास्क्रिप्ट स्ट्रिंग इंटरपोलेशन:एक शुरुआती गाइड

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

क्या आपको जावास्क्रिप्ट स्ट्रिंग के अंदर एक मान जोड़ने की ज़रूरत है? टेम्प्लेट शाब्दिक सिंटैक्स ने आपको कवर किया है। टेम्प्लेट लिटरल्स एक जावास्क्रिप्ट स्ट्रिंग के अंदर मल्टीलाइन स्ट्रिंग्स और एम्बेड मानों के साथ काम करना आसान बनाते हैं। टेम्प्लेट शाब्दिक जावास्क्रिप्ट स्ट्रिंग इंटरपोलेशन सिंटैक्स हैं।

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

आगे की हलचल के बिना, चलिए शुरू करते हैं!

जावास्क्रिप्ट स्ट्रिंग इंटरपोलेशन

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

टेम्प्लेट लिटरल्स आपको कॉन्सटेनेशन पर भरोसा किए बिना मानों को एक स्ट्रिंग में एम्बेड करने देता है। टेम्प्लेट को शाब्दिक घोषित करने के लिए, आपकी स्ट्रिंग को उद्धरण चिह्नों के बजाय बैक टिक (") में संलग्न किया जाना चाहिए।

निम्नलिखित सिंटैक्स पर विचार करें:

`This is a string. Here is the value of 9 + 10: ${9 + 10}.`

हमने एक टेम्पलेट शाब्दिक घोषित किया है। हमारी अभिव्यक्ति है:

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

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

${9 + 10}

यह व्यंजक 9 + 10 का मूल्यांकन करता है। इस व्यंजक का परिणाम हमारे स्ट्रिंग के अंत में, पूर्ण विराम से पहले जोड़ा जाता है। ऐसा इसलिए है क्योंकि हमने फुल स्टॉप से ​​पहले अपना एक्सप्रेशन लिखा है।

जावास्क्रिप्ट स्ट्रिंग इंटरपोलेशन उदाहरण

टेम्प्लेट लिटरल्स आपको सीधे एक स्ट्रिंग में मान एम्बेड करने की अनुमति देते हैं। इस कोड पर विचार करें:

const address_number = "10 Downing Street";
const prime_minister_address = `The Prime Minister's address is ${address_number}.`;
console.log(prime_minister_address)

कोड की पहली पंक्ति प्रधान मंत्री के पता संख्या को परिभाषित करती है। अगला, हम पूरा पता बनाने के लिए टेम्प्लेट शाब्दिक का उपयोग करते हैं। ${} सिंटैक्स का उपयोग हमारे स्ट्रिंग में एक मान को एम्बेड करने के लिए किया जाता है। हमने स्ट्रिंग में “address_number” का मान जोड़ा है।

चलिए अपना कोड चलाते हैं:

The Prime Minister's address is 10 Downing Street

हमारे कोड ने हमारे दो तारों को मिला दिया है।

जब आप टेम्प्लेट लिटरल्स का उपयोग कर रहे होते हैं, तो आप लिटरल के अंदर कोई भी वैल्यू एम्बेड कर सकते हैं। इसमें एक स्ट्रिंग, एक संख्या या जावास्क्रिप्ट गणित गणना का परिणाम शामिल है। आपको टेम्प्लेट शाब्दिक के अंदर एक टेम्प्लेट शाब्दिक एम्बेड करने की आवश्यकता नहीं है।

स्ट्रिंग लिटरल्स के प्रमुख लाभों में से एक यह है कि इसका सिंटैक्स स्पष्ट है। हम अपने जावास्क्रिप्ट कोड को सीधे अपनी स्ट्रिंग में एम्बेड कर सकते हैं।

समन्वय का उपयोग करके स्ट्रिंग्स को मर्ज करें

हम कॉन्सटेनेशन का उपयोग करके स्ट्रिंग्स को मर्ज कर सकते हैं। मान लें कि हमारे पास दो तार हैं:

const full_address = `The Prime Minister's address is `;
const address_number = `10 Downing Street`;

आप धन चिह्न (+) का उपयोग करके दो तारों को जोड़ सकते हैं:

const prime_minister_address = full_address + address_number + ".";
console.log(prime_minister_address);

JavaScript कंसोल निम्न मान को प्रिंट करता है:

The Prime Minister's address is 10 Downing Street

हमने सफलतापूर्वक एक स्ट्रिंग बनाई है जो हमारे दो तारों को जोड़ती है। अंत में, हम अपने वाक्य में एक पूर्ण विराम ("।") जोड़ने के लिए कॉन्सटेनेशन ऑपरेटर का उपयोग करते हैं।

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

स्ट्रिंग इंटरपोलेशन जावास्क्रिप्ट:कैलकुलेशन

टेम्प्लेट शाब्दिक के अंदर कोड एक जावास्क्रिप्ट स्टेटमेंट है। इसका मतलब है कि आप गणना करने के लिए टेम्पलेट शाब्दिक का उपयोग कर सकते हैं और उनके मूल्यों को एक प्रोग्राम में एम्बेड कर सकते हैं।

आइए एक स्ट्रिंग बनाते हैं जो एक कैफे में दो पेय की कीमत की गणना करता है और परिणाम को एक स्ट्रिंग के अंदर रखता है:

var drink1 = 2.30;
var drink2 = 2.20;

var bill = `The total cost of your drinks is $${drink1 + drink2}.`;

${} सिंटैक्स के अंदर, हमने एक गणना जोड़ी है। यह गणना दो जावास्क्रिप्ट चरों के मूल्यों को एक साथ जोड़ती है। हमारे वेरिएबल ड्रिंक1 (2.30) और ड्रिंक2 (2.20) एक साथ हैं। हमारा कोड इन मानों के योग के साथ एक स्ट्रिंग देता है:

The total cost of your drinks is $4.50.

स्ट्रिंग इंटरपोलेशन जावास्क्रिप्ट:टर्नरी ऑपरेटर्स

जावास्क्रिप्ट टर्नरी ऑपरेटर आपको यह मूल्यांकन करने देते हैं कि कोई कथन सही है या गलत। वे if कथन लिखने का अधिक संक्षिप्त तरीका हैं। टर्नरी ऑपरेटर विशेष रूप से उपयोगी होते हैं यदि if . का परिणाम स्टेटमेंट केवल कोड की एक लाइन लेने वाला है।

यदि कोई ग्राहक अपनी कॉफी पर $4.00 से अधिक खर्च करता है, तो उन्हें अपना बिल प्रस्तुत किया जाना चाहिए। फिर, उन्हें कॉफी लॉयल्टी कार्ड क्लब में शामिल होने के लिए कहा जाना चाहिए। अन्यथा, उन्हें सिर्फ अपना बिल पेश किया जाना चाहिए। हम ग्राहक के बिल की लागत की जांच करने के लिए एक टर्नरी ऑपरेटर का उपयोग कर सकते हैं:

var drink1 = 2.30;
var drink2 = 2.20;
var total = drink1 + drink2;

var bill = `The total cost of your drinks is $${total}. ${total > 4.00 ? "Would you like to join our coffee club? It will earn you a free coffee for every ten that you buy." : ""}`;
console.log(bill);

हमारे टेम्पलेट शाब्दिक में दो एम्बेडेड एक्सप्रेशन हैं। सबसे पहले, हम अपने स्ट्रिंग के अंदर "कुल" का मान एम्बेड करते हैं। इसके बाद, हम एक टर्नरी ऑपरेटर का उपयोग यह जांचने के लिए करते हैं कि क्या ग्राहक को कॉफी हाउस के लॉयल्टी कार्ड क्लब में शामिल होने के लिए कहा जाना चाहिए।

यदि कुल खरीद मूल्य $4.00 से अधिक है, तो निम्न संदेश कंसोल पर मुद्रित होता है:

The total cost of your drinks is $4.50. Would you like to join our coffee club? It will earn you a free coffee for every ten that you buy.

अन्यथा, हमारा टर्नरी ऑपरेटर कोलन (":") के बाद मान वापस कर देगा। यह वह मान है जो किसी व्यंजक का मूल्यांकन गलत होने पर लौटाया जाता है।

हमारे उदाहरण में, कोलन के बाद का मान एक खाली स्ट्रिंग है। इसका अर्थ यह है कि यदि किसी ग्राहक की खरीदारी $4.00 से कम है, तो हमारे टेम्पलेट शाब्दिक का केवल पहला वाक्य लौटाया जाता है:

The total cost of your drinks is $4.50.

निष्कर्ष

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

जावास्क्रिप्ट के बारे में अधिक सीखने के बारे में सलाह के लिए, हमारी जावास्क्रिप्ट कैसे सीखें गाइड पढ़ें।