JavaScript Strings
JavaScript में strings objects होती है। एक string object में characters की sequence store की जाती है। जैसे की Best Hindi Tutorials एक string है। Strings को double या single quotes में define किया जाता है।
जैसा की आपको पता है JavaScript dynamic और interactive web pages generate करने के लिए use की जाती है। यही reason है की JavaScript में strings को objects define किया गया है। Strings के objects होने से आप strings के presentation को page load होते समय अपने according control कर सकते है।
JavaScript web page में string representation को control करने के लिए आपको कई methods provide करती है। इन methods की मदद से आप आसानी से strings पर operations perform कर पाते है। इनके बारे में आपको आगे बताया जायेगा।
JavaScript web page में string representation को control करने के लिए आपको कई methods provide करती है। इन methods की मदद से आप आसानी से strings पर operations perform कर पाते है। इनके बारे में आपको आगे बताया जायेगा।
Creating JavaScript Strings
JavaScript में strings आप किसी भी normal variable की तरह create करते है। इसका general syntax निचे दिया जा रहा है।
var stringName = "text"; |
जैसा की मैने आपको पहले बताया आप strings को single या double quotes में define करते है। इसलिए आप चाहे तो strings को single quotes में भी define कर सकते है।
var stringName = 'text'; |
JavaScript में strings create करना निचे उदाहरण द्वारा समझाया जा रहा है।
var name = "Best Hindi Tutorials"; |
Adding Special Characters to JavaScript Strings
मान लीजिये आप string में किसी word को double quotes में लिखना चाहते है तो इसके लिए आप उस text को double quote में इस प्रकार लिखेंगे।
var name = "Best "Hindi" Tutorials"; |
लेकिन ये तरीका javascript के अनुसार ठीक नहीं है और इस तरीके से यदि आप double quotes add करेंगे तो आपको error show होगी। क्योंकि string पहले से ही double quotes में है इसलिए error generate होगी। इसी प्रकार यदि आप कोई backslash add करने का प्रयास करेंगे तो भी error show होगी।
JavaScript ऐसे ही कुछ characters को add करने के लिए आपको escape sequence characters provide करती है। इन characters की मदद से आप बिना error generate किये strings create कर सकते है।
JavaScript और दूसरी languages में backslash (\) के साथ escape sequence characters को define किया जाता है। Escape characters से आप दूसरे special characters (@, $ आदि) भी strings में add कर सकते है।
Common javascript escape characters के बारे में निचे दिया जा रहा है।
इसका उदाहरण निचे दिया जा रहा है।
JavaScript ऐसे ही कुछ characters को add करने के लिए आपको escape sequence characters provide करती है। इन characters की मदद से आप बिना error generate किये strings create कर सकते है।
JavaScript और दूसरी languages में backslash (\) के साथ escape sequence characters को define किया जाता है। Escape characters से आप दूसरे special characters (@, $ आदि) भी strings में add कर सकते है।
Common javascript escape characters के बारे में निचे दिया जा रहा है।
Escape Characters | Description |
\' | String के अंदर single quote add करने के लिए। |
\" | String के अंदर double quotes add करने के लिए। |
\b | String के अंदर backspace add करने के लिए। |
\r | String के अंदर carriage return add करने के लिए। |
\f | String के अंदर form feed add करने के लिए। |
Length Property
JavaScript आपको length property provide करती है जिससे आप किसी भी string की length पता कर सकते है। इस property को आप string name के साथ dot (.) operator लगाकर use करते है। इसका syntax निचे दिया जा रहा है।
stringName.length; |
इसका उदाहरण निचे दिया जा रहा है।
<!-- javascriptLengthProperty.html --> <html> <body> <script type="text/javascript"> var BHT = "Best Hindi Tutorials"; // Printing length of string document.write(BHT.length); </script> </body> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
20 |
Common String Methods
Strings के साथ advance level पर work करने के लिए JavaScript आपको बहुत से useful methods provide करती है। सभी method string object के साथ dot operator (.) लगाकर call किये जाते है। यँहा पर एक बात ध्यान रखना बहुत ही जरुरी है की सभी strings की index zero से शुरू होती है।
कुछ common javascript string methods के बारे में निचे दिया जा रहा है।
कुछ common javascript string methods के बारे में निचे दिया जा रहा है।
charAt()
ये method pass की गयी position पर available character को return करता है। इसका उदाहरण निचे दिया जा रहा है।
<!-- charatMethodDemo.html --> <html> <script type="text/javascript"> var name = "Vipin"; // Printing character at position 1 var result = name.charAt(1); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
i |
concat()
ये method दो strings को combine करके return करता है। इसे किसी एक string पर call किया जाता है और दूसरी string इसमें pass की जाती है। इसका उदाहरण निचे दिया जा रहा है।
<!-- concatMethodDemo.html --> <html> <script type="text/javascript"> var fname = "Vipin " var lname = "Sharma"; // Concatenating first name and last name var result = fname.concat(lname); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
Vipin Sharma |
endsWith()
ये method check करता है की string pass किये गए character या string से end होती है या नहीं। इसका उदाहरण निचे दिया जा रहा है।
<!-- endWithMethodDemo.html --> <html> <script type="text/javascript"> var BHT = "Best Hindi Tutorials"; // Checking what a string ends with. var result = BHT.endsWith("Tutorials"); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
true |
includes()
ये method check करता है की किसी string में pass किया गया character या string है या नहीं। इसका उदाहरण निचे दिया गया रहा है।
<!-- includesMethodDemo.html --> <html> <script type="text/javascript"> var name = "Best Hindi Tutorials"; // Checking if a string includes a word. var result = name.includes("Hindi"); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
true |
indexOf()
ये method pass की गयी string की position return करता है। इसका उदाहरण निचे दिया जा रहा है।
<!-- indexOfMethodDemo.html --> <html> <script type="text/javascript"> var bht = "Best Hindi Tutorials"; // Getting starting index of a word. var result = bht.indexOf("Hindi"); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
5 |
search()
ये method एक string को pass की गयी value के लिए search करता है। यदि pass की गयी value मिल जाती है तो इस function द्वारा उसकी position return की जाती है। इसका उदाहरण निचे दिया जा रहा है।
<!-- searchMethodDemo.html --> <html> <script type="text/javascript"> var str = "Best Hindi Tutorials"; // Searching starting index of a word. var result = str.search("Tutorials"); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
11 |
replace()
ये method एक string में से pass की गयी string को replace करके उसकी जगह second argument वाली string को place करता है और complete string को return करता है। इसका उदाहरण निचे दिया जा रहा है।
<!-- replaceMethodDemo.html --> <html> <script type="text/javascript"> var bht = "Best Hindi Tutorials Ever"; // Replacing a word var result = bht.replace("Hindi"," "); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
Best Tutorials Ever |
substr()
ये method एक string में से substring extract करके return करता है। जिस substring को आप extract करना चाहते है उसके starting index number को आप first index के रूप में pass करते है और second argument में आप उन characters की सँख्या pass करते है जिन्हे आप starting index के बाद से extract करना चाहते है।
इसका उदाहरण निचे दिया जा रहा है।
इसका उदाहरण निचे दिया जा रहा है।
<!-- substrMethodDemo.html --> <html> <script type="text/javascript"> var bht = "Best Hindi Tutorials"; // Getting substring from a string var result = bht.substr(5,5); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
Hindi |
toLowerCase()
ये method string के सभी characters को lowercase में convert करता है। इसका उदाहरण निचे दिया जा रहा है।
<!-- toLowerCaseMethodDemo.html --> <html> <script type="text/javascript"> var bht = "BEST HINDI TUTORIALS"; // Converting string to lowercase var result = bht.toLowerCase(); document.write(result); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।
best hindi tutorials |
toUpperCase()
ये method string के सभी characters को uppercase में convert करता है। इसका उदाहरण निचे दिया जा रहा है।
<!-- toUpperCaseMethodDemo.html --> <html> <script type="text/javascript"> var str = "best hindi tutorials"; // Converting string to upper case var res = str.toUpperCase(); document.write(res); </script> </html> |
ऊपर दी गयी script निचे दिया गया output generate करती है।