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

जावास्क्रिप्ट में स्ट्रिंग्स का परिचय

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

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

यह आलेख स्ट्रिंग्स के लिए समानता ऑपरेटरों पर केंद्रित है। यह मार्गदर्शिका सामान्य रूप से JavaScript ऑपरेटरों के बारे में गहराई से बताती है।

JavaScript स्ट्रिंग क्या है?

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

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"

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

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

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

खोज फ़ॉर्म के प्रभावी होने के लिए हमें अपने स्ट्रिंग्स में केस संवेदनशीलता की अवहेलना करने की आवश्यकता है। यह हमारे उपयोगकर्ताओं के लिए कठिन होगा यदि उनका इनपुट हमारे डेटाबेस में संग्रहीत मूल्यों से बिल्कुल मेल खाता हो। जावास्क्रिप्ट 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

यह उदाहरण तुलनात्मक तर्क दिखाने के लिए है कि कैसे एक खोज फ़ॉर्म लिखा जा सकता है। JavaScript स्ट्रिंग्स के लिए और भी कई विधियाँ और ऑपरेटर उपलब्ध हैं और उन्हें यहाँ पाया जा सकता है।

निष्कर्ष

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

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


  1. जावास्क्रिप्ट एक स्ट्रिंग को बूलियन में बदलें

    जावास्क्रिप्ट में एक स्ट्रिंग को बूलियन में बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } </style> </head&g

  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" /> <ti