स्ट्रिंग इंटरपोलेशन की मूल बातें
टेम्पलेट लिटरल के भीतर expressions एम्बेड कीजिए।
स्ट्रिंग इंटरपोलेशन की मूल बातें, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
टेम्पलेट लिटरल क्या हैं
टेम्पलेट लिटरल उद्धरण-चिह्नों के बजाय बैकटिक चिह्न का उपयोग करके स्ट्रिंग बनाने का एक तरीका हैं। इनके माध्यम से आप मैन्युअल जोड़ने की आवश्यकता के बिना expression को सीधे स्ट्रिंग के भीतर रख सकते हैं।
प्लेसहोल्डर डॉलर चिह्न के बाद expression को घेरने वाले घुंघराले कोष्ठकों के साथ लिखा जाता है। JavaScript उस expression का मूल्यांकन करता है और उसके मान को स्ट्रिंग में डाल देता है।
const name = "Alice"
const greeting = "Hello, " + name + "!"
console.log(greeting)इंटरपोलेशन सिंटैक्स
टेम्पलेट लिटरल के भीतर आप शुरुआती डॉलर-ब्रेस और समापन ब्रेस के बीच कोई expression रखते हैं। उस expression का मूल्यांकन करके उसे स्ट्रिंग में बदला जाता है।
नीचे दिया गया उदाहरण वही परिणाम पाने के लिए साधारण जोड़ का उपयोग करता है, ताकि लिटरल का सिंटैक्स दिखाए बिना विचार स्पष्ट हो सके।
const product = "Book"
const price = 12
const line = product + " costs " + price + " dollars"
console.log(line)इंटरपोलेशन क्यों उपयोगी है
जब आप कई चरों और लिटरल पाठ को मिलाते हैं, तो प्लस ऑपरेटर से जोड़ना पढ़ना कठिन हो जाता है। इंटरपोलेशन आसपास के पाठ को उसी रूप में रखता है और केवल गतिशील हिस्सों को बदलता है।
- कम प्लस ऑपरेटर
- अतिरिक्त रिक्त स्थान की गलतियाँ नहीं
- उद्देश्य अधिक स्पष्ट
const user = "Bob"
const count = 3
console.log(user + " has " + count + " messages")किसी भी expression को रखना
प्लेसहोल्डर में केवल चर ही नहीं, बल्कि कोई भी मान्य expression रखा जा सकता है। अंकगणित, फ़ंक्शन कॉल और प्रॉपर्टी एक्सेस सभी काम करते हैं।
const a = 5
const b = 7
console.log("Sum is " + (a + b))
console.log("Max is " + Math.max(a, b))अंदर फ़ंक्शन कॉल करना
आप किसी फ़ंक्शन को कॉल करके उसके लौटाए गए मान को स्ट्रिंग में शामिल कर सकते हैं। उदाहरण में इसका समतुल्य जोड़ वाला रूप दिखाया गया है।
function upper(s) { return s.toUpperCase() }
const word = "hello"
console.log("Loud: " + upper(word))प्रॉपर्टी एक्सेस
ऑब्जेक्ट की प्रॉपर्टी को सीधे प्लेसहोल्डर के भीतर पढ़ा जा सकता है। यहाँ हम उपयोगकर्ता ऑब्जेक्ट से फ़ील्ड पढ़ते हैं।
const user = { name: "Eve", age: 30 }
console.log("Name: " + user.name + ", Age: " + user.age)संख्याएँ स्ट्रिंग बन जाती हैं
जब कोई संख्या स्ट्रिंग के संदर्भ में आती है, तो वह अपने पाठ्य रूप में अपने-आप बदल जाती है। इंटरपोलेशन में भी यही रूपांतरण होता है।
const total = 19.99
console.log("Total: $" + total)प्लेसहोल्डर के भीतर टर्नरी
टर्नरी ऑपरेटर के साथ सशर्त लॉजिक को प्लेसहोल्डर में रखा जा सकता है, जिससे आप वहीं दो मानों में से एक चुन सकते हैं।
const score = 72
const grade = score >= 60 ? "Pass" : "Fail"
console.log("Result: " + grade)नेस्ट किए गए expression
प्लेसहोल्डर में मेथड चेन और नेस्ट की गई कॉल रखी जा सकती हैं। expression का मूल्यांकन करने पर जो भी परिणाम मिलता है, वही शामिल किया जाता है।
const items = ["a", "b", "c"]
console.log("Joined: " + items.join("-"))
console.log("Count: " + items.length)कई मानों को मिलाना
जब किसी वाक्य में कई चर एक साथ आते हैं, तब टेम्पलेट लिटरल विशेष रूप से उपयोगी होते हैं। गद्य में बताए गए पढ़ने योग्य इंटरपोलेटेड रूप की तुलना इस जोड़े गए समतुल्य रूप से करें।
const city = "Paris"
const temp = 21
const sky = "sunny"
console.log("In " + city + " it is " + temp + "C and " + sky)डॉलर चिह्न को एस्केप करना
यदि आप चाहते हैं कि डॉलर-ब्रेस क्रम प्लेसहोल्डर के बजाय पाठ के रूप में दिखाई दे, तो टेम्पलेट लिटरल के भीतर डॉलर चिह्न के आगे बैकस्लैश लगाएँ। साधारण स्ट्रिंग में एस्केप करने की आवश्यकता नहीं होती।
const text = "Use $\{x\} for a placeholder"
console.log(text)त्वरित जाँच
इंटरपोलेशन की अपनी समझ जाँचें।
पुनरावलोकन
पुनरावलोकन: टेम्पलेट लिटरल स्ट्रिंग में expression रखने के लिए बैकटिक और प्लेसहोल्डर का उपयोग करते हैं।
- प्लेसहोल्डर किसी भी expression का मूल्यांकन करता है
- मानों को स्ट्रिंग में बदला जाता है
- लंबे जोड़ की तुलना में इंटरपोलेशन अधिक स्पष्ट है
- डॉलर चिह्न को शाब्दिक रूप में दिखाने के लिए उसे एस्केप करें
const n = "World"
console.log("Hello, " + n + "!")
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 59
- पाठ
- 200
अक्सर पूछे जाने वाले प्रश्न
क्या “स्ट्रिंग इंटरपोलेशन की मूल बातें” पाठ निःशुल्क है?
हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “स्ट्रिंग इंटरपोलेशन की मूल बातें” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“स्ट्रिंग इंटरपोलेशन की मूल बातें” में मैं क्या सीखूँगा?
टेम्पलेट लिटरल के भीतर expressions एम्बेड कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।
“स्ट्रिंग इंटरपोलेशन की मूल बातें” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- स्ट्रिंग इंटरपोलेशन की मूल बातें
- बहु-पंक्ति स्ट्रिंग
- टैग किए गए टेम्पलेट फ़ंक्शन
- टैग किए गए टेम्पलेट के व्यावहारिक उपयोग