Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में Strings का परिचय

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

एक बार जब यूजर इनपुट हमारे सर्च फॉर्म में सबमिट हो जाता है, तो सबमिट की गई स्ट्रिंग पर कुछ तुलनात्मक ऑपरेशन्स किए जाते हैं। यह मिलते-जुलते क्रेडेंशियल्स खोजने और परिणाम यूजर को लौटाने के लिए है। तुलनात्मक ऑपरेशन्स जावास्क्रिप्ट ऑपरेटर्स हैं, यानी '=', '==', '===', '<', '>', कुछ नाम रखने के लिए। ये ऑपरेटर्स स्ट्रिंग द्वारा रखे गए मानों की तुलना करने के बाद true या false वैल्यू लौटाते हैं।

यह लेख स्ट्रिंग्स के लिए इक्वैलिटी ऑपरेटर्स पर केंद्रित है। यह गाइड सामान्य रूप से जावास्क्रिप्ट ऑपरेटर्स पर गहराई से जाता है।

JavaScript String क्या है?

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

const stringPrim1 = 'Hello World!' const stringPrim2 = "Hello World!" const stringPrim3 = `Hello World!`

एक स्ट्रिंग लिटरल को सिंगल कोट्स (''), डबल कोट्स (""), या बैकटिक्स (``) में लपेटा जा सकता है। जान लें कि जावास्क्रिप्ट स्ट्रिंग को केवल बैकटिक्स का उपयोग करके इंटरपोलेट किया जा सकता है। स्ट्रिंग इंटरपोलेशन स्ट्रिंग में एक एक्सप्रेशन को एम्बेड करता है।

const name = "John" console.log(`Hello World! My name is ${name}`) log: "Hello World! My name is John"

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

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

JavaScript Strings पर तुलनात्मक ऑपरेटर्स का उपयोग करना

हमें सर्च फॉर्म को प्रभावी बनाने के लिए अपनी स्ट्रिंग्स में केस सेंसिटिविटी को नजरअंदाज करने की आवश्यकता है। यह हमारे उपयोगकर्ताओं के लिए थकाऊ होगा यदि उनके इनपुट को हमारे डेटाबेस में स्टोर मानों से बिल्कुल मेल खाना पड़े। जावास्क्रिप्ट toUpperCase() और toLowerCase() मेथड्स के साथ एक समाधान प्रदान करता है।

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

औसत बूटकैंप ग्रेजुएट ने करियर ट्रांजिशन में छह महीने से कम समय बिताया, बूटकैंप शुरू करने से लेकर पहली नौकरी ढूंढने तक।

आइए एक वीडियो वेब ऐप पर क्यूट किटन वीडियो खोजें।

const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput == searchResult) log: false

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

const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toUpperCase() === searchResult.toUpperCase()) log: true

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

const userInput = 'kittens' const searchResult = 'Kittens' console.log(userInput.toLowerCase() === searchResult.toLowerCase()) log: true

यह उदाहरण यह दिखाने के लिए है कि सर्च फॉर्म कैसे लिखा जा सकता है इसके पीछे तुलनात्मक तर्क। जावास्क्रिप्ट स्ट्रिंग्स के लिए कई और मेथड्स और ऑपरेटर्स उपलब्ध हैं और इन्हें यहां पाया जा सकता है।

निष्कर्ष

जावास्क्रिप्ट स्ट्रिंग्स के इस परिचय में, हमने संक्षेप में चर्चा की है कि स्ट्रिंग क्या है और उनके साथ काम करने के कुछ तरीके। जावास्क्रिप्ट में स्ट्रिंग्स का विषय व्यापक है। समझना कि स्ट्रिंग क्या है, एक सरल कार्य हो सकता है, फिर भी स्ट्रिंग्स के साथ काम करने के लिए शामिल मेथड्स व्यापक हैं।

इस लेख में कॉन्सेप्ट्स को समझने के बाद, स्ट्रिंग मेथड्स को आगे एक्सप्लोर करने के लिए उपरोक्त गाइड का उपयोग करना अधिक समझ में आएगा। जावास्क्रिप्ट स्ट्रिंग्स डायनामिक, मजबूत वेब ऐप्स बनाने के लिए समझने के लिए आवश्यक डेटा टाइप्स हैं।

  1. JavaScript में स्ट्रिंग को बूलियन में बदलें JavaScript में स्ट्रिंग को बूलियन में बदलें

    JavaScript में स्ट्रिंग को बूलियन में बदलना एक सामान्य कार्य है, लेकिन इसके कई तरीके हैं जिनके अलग-अलग व्यवहार होते हैं। सही विधि चुनना महत्वपूर्ण है। उदाहरण { const val = inputEle.value.trim(); sampleEle.innerHTML = ; // विभिन्न विधियां sampleEle.innerH

  1. जावास्क्रिप्ट में टेम्पलेट स्ट्रिंग्स जावास्क्रिप्ट में टेम्पलेट स्ट्रिंग्स

    टेम्पलेट स्ट्रिंग्स को ES6 में एक स्ट्रिंग के अंदर एक्सप्रेशन एम्बेड करने की अनुमति देने के लिए पेश किया गया था। सिंगल कोट्स () या डबल कोट्स () के बजाय वे बैकटिक्स (``) का उपयोग करते हैं। वे स्ट्रिंग इंटरपोलेशन का एक बेहतर तरीका प्रदान करते हैं और एक्सप्रेशन को ${a+b} जैसे तरीके से एम्बेड किया जा स

  1. जावास्क्रिप्ट में नेस्टिंग टेम्पलेट स्ट्रिंग्स जावास्क्रिप्ट में नेस्टिंग टेम्पलेट स्ट्रिंग्स

    जावास्क्रिप्ट में नेस्टिंग टेम्पलेट स्ट्रिंग्स के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g