Javascript String Methods in Hindi
javascript में string को जब define करतें हैं तब वो memory में internally एक array की तरह store होता है | string की हर एक character memory में index number लेकर individual blocks बनकर store होता है | इसी लिए array की तरह string में भी कुछ खास pre-defined methods दरसाया गया है |
इस article में javascript string methods को पढेंगे जिसके प्रोयोग से javascript code में string का सही उपयोग सिख पायेंगें |
toLowerCase() method
toLowerCase() method से string के सारे characters को lowercase में दिखाया जा सकता है |
नॉटपॉइंट javascript में जब कोई method में एक से अधिक शब्द हो तो पेहली शब्द lowercase से सुरु होती है और बाकि शब्द की सुरुआत uppercase से होती है | इसीलिए toLowerCase() method में to small letter से लिखी गयी और LowerCase capital letters से सुरु की गयी |
toUpperCase() method
toUpperCase() method से string के सारे characters को uppercase में दिखाया जा सकता है |
उदाहरण
<html>
<head></head>
<body>
<h3 id="heading">This Is a Simple Javascript String Example</h3>
<script>
var ch=document.getElementById("heading").innerHTML;
document.write(ch.toLowerCase());
document.write("<br><br>");
document.write(ch.toUpperCase());
</script>
</body>
</html>
output
includes()
string में किसी शब्द को ढूँढना है तो includes() method का उपयोग की जाती है | अगर वो शब्द string में मिला तो ये method true return करेगा और अगर नहीं मिला तो ये false return करेगा |
ये case sensitive method है | इसीलिए जिस शब्द को ढूँढना है वो exactly लिखी होनी चाहिए |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "Sheetal is a baby girl. she loves toys.";
var val = str.includes("baby");
var val1 = str.includes("Baby");
document.write(val); // result true
document.write("<br>");
document.write(val1); // result false
</script>
</body>
</html>
ऊपर के उदाहरण में देखिये string में “baby” शब्द है इसीलिए पेहले ये true return किया | पर ये case sensitive method होने के कारण “Baby” शब्द के लिए false return किया |
Search()
string में किसी शब्द या character का index position जानने के लिए search() method का उपयोग होता है | ये भी includes() method की तरह शब्द को string में ढूँढता है पर ये result में index position बताता है |
और अगर शब्द नहीं मिला string के अंदर तो ये -1 return करता है | ये भी case sensitive method है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "Sheetal is a baby girl. she is a good girl s.";
var val = str.search("baby"); // result 13
var val1 = str.search("Baby"); // result -1
document.write(val);
document.write("<br>");
document.write(val1);
</script>
</body>
</html>
उदाहरण में हमने “baby” शब्द को search किया तो जब ये exact match किया तो उसकी index position result में बताया | पर “Baby” शब्द exact match नहीं किया इसीलिए result में -1 return किया |
search method string में सारे letters के साथ साथ space भी count करता है और उसी के हिसाब से किसी शब्द का index position बताता है |
startsWith()
startsWith() method चेक करता है की दी गयी character या substring से string की सुरुआत हुयी है या नहीं | और ये result boolean value यानि की true या false में देता है |
Syntax
strValue.startsWith(charvalue, indexposition)
charValue उस शब्द या character को दर्शाता है जिसे आप string की सुरुआत हुयी है या नहीं देखना चाहते हैं | indexposition से आप string में कोनसी position से सुरु करना चाहते हो वो बताता है | अगर indexposition value नहीं डाले हैं तो ये method 0(zero) index से सुरु करेगा |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "Javascript is a scripting languange.it is easy to learn";
var val = str.startsWith("Ja");
var val1 = str.startsWith("is", 11);
document.write(str+"<br><br>");
document.write(val);
document.write("<br>");
document.write(val1);
</script>
</body>
</html>
output
endsWith()
endsWith() method चेक करता है की दी गयी character या substring से string का अंत हुआ है या नहीं | और ये result boolean value यानि की true या false में देता है |
Syntax
strValue.endsWith(charvalue)
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "Javascript is a scripting languange";
var val = str.endsWith("ange"); //result true
document.write(val);
</script>
</body>
</html>
replace()
replace() method एक string में किसी value को दुसरे value से बदलने में काम आता है |
Syntax
strValue.replace(oldvalue, newvalue)
replace method में 2 parameters ली जाती है | पेहली parameter में जिस value को बदलना है उसे लिखी जाती है और दूसरी parameter में नयी value दी जाती है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "Dil De Diya Hai. Jaan Tumhe Denge";
var val = str.replace("Tumhe", "Nahi");
document.write("Old String : "+str+"<br><br>");
document.write("New String : "+val);
</script>
</body>
</html>
output
indexOf()
indexOf() method किसी value की पेहली occurance बताता है |
Syntax
strValue.indexOf(value, startposition)
indexOf() method में पेहली parameter जिस value की index position जाननी है उसे लिखी जाती है | और दूसरी parameter में string में कहाँ से सुरु करनी है वो बताई जाती है |
दूसरी parameter optional है अगर ये parameter नहीं दी गयी तो, indexof() method 0(zero) index से सुरुआत करती है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str = "hello world. world life";
document.write("String is : "+str+"<br><br>");
var val = str.indexOf("world");
var val1 = str.indexOf("world",13);
document.write("first occurance : "+val+"<br>");
document.write("other occurance : "+val1);
</script>
</body>
</html>
output
lastIndexOf()
lastIndexOf() method, indexOf() की opposite काम करता है | indexOf() string की सुरुआत से किसी value की index position ढूँढता है | पर lastIndexOf string की end से सुरु करके किसी value की index position ढूँढता है |
Syntax
stringValue.lastIndexOf(charValue)
trim()
trim() method string के आगे से और उसके बाद में लगे extra space को हटाने के लिए उपयोग होता है |
Syntax
stringValue.trim()
trim() method का ज्यादातर उपयोग form validations के समय होता है | user अगर data डालते समय गलतीसे extra space देदे तो validation सही से नहीं हो पायेगा | इसीलिए उस extra space को हटाने में trim() method का इस्तेमाल होता है |
charAt()
charAt() method string में कोनसी index position में कोनसा character है वो बताता है |
Syntax
stringValue.charAt(index_position)
string मैं पेहली character की index position 0 होती है और उसके बाद वाली की 1 होती है | अगर हमे string की last character को उठाना है तो last character के लिए stringlength-1 value ली जाएगी है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2 id="hd">Javascript is a scripting language. it is easy to learn</h2>
<script>
var str = document.getElementById("hd").innerHTML;
document.write(" 2 Index Position character is : " +str.charAt(2));
document.write("<br>");
document.write("Last character is : "+str.charAt(str.length-1));
</script>
</body>
</html>
output
charCodeAt()
The charCodeAt()
method दी गयी string की index position में जो character होती है उसकी unicode value बताता है |
Syntax
stringValue.charCodeAt(index_position)
index_position parameter में string की उस index value दी जाती है जिसकी unicode चाहिए होती है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2 id="hd">Javascript is a scripting language. it is easy to learn</h2>
<script>
var str = document.getElementById("hd").innerHTML;
document.write("4 Index Position unicode is : " +str.charCodeAt(4));
</script>
</body>
</html>
output
concat()
string concat() method दो या दो से अधिक strings को जोड़कर एक string बनाता है |
Syntax
string1.concat(string2)
string2 parameter में जिस string या word को पेहले string से जोड़ना है उसे लिखी जाती है | अगर एक से अधिक strings को पेहले string के साथ जोड़ना है तो सारे strings को ,(comma) से अलग करके parameter में दी जाती है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str1 = "Javascript is a scripting language.";
var str2 = " It is easy to learn."
var str3 = " Let us know the code";
var res = str1.concat(str2);
document.write(res);
document.write("<br><br>");
var res1 = str1.concat(str2, str3);
document.write(res1);
</script>
</body>
</html>
output
split()
split() method एक string को तोडके यानि उसके सारे words को अलग अलग करके एक array बना देता है |
Syntax
stringValue.split(separator)
separator split() method में देना जरुरी है | कोई character या space से एक strings के words को अलग करना है वो separator से पता चलता है |
उदाहरण
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var str1 = "Javascript is a scripting language."
document.write(str1 + "<br><br>");
var arr = str1.split(" ");
document.write(arr);
</script>
</body>
</html>
output
output में देखिये string के सारे words अलग हो कर एक array बन गया | array में सारे words ,(comma) से separate होके दिखाई दे रहें हैं |
slice()
slice() method string में से एक part को निकाल कर एक नया string बनाता है |
Syntax
stringValue.slice(sliceStart, sliceEnd)
sliceStart string में सुरु की index position बताता है की कहाँ से value लेना सुरु करना है |
sliceEnd string में कहाँ तक की value लेनी है उस index position को बताता है | ये parameter optional है | अगर ये parameter नहीं दिए तो वो slicestart से लेकर string के end तक की value, slice() method return करेगा |
उदाहरण
<html>
<head></head>
<body>
<h3 id="heading">This Is a Simple Javascript String Example</h3>
<script>
var ch=document.getElementById("heading").innerHTML;
document.write(ch.slice(10));
document.write("<br><br>");
document.write(ch.slice(10,16));
</script>
</body>
</html>
output
ऊपर के उदाहरण में देखिये पेहली बार slice() method सिर्फ startindex डालें | जिससे फिर वो slice start index से लेकर पूरा end तक का string return किया |
पर दुबारा हमने start और end value दोनों डाले | इसीलिए वो slice start से लेकर slice end तक की string return किया |
substring()
substring() method string में से एक part को निकाल कर एक नया string बनाता है | ये slice method की तरह है पर इस method में -ve values parameter के हिसाब से नहीं लेता है |
Syntax
stringValue.substring(startindex, endindex)
startindex string में सुरु की index position बताता है की कहाँ से value लेना सुरु करना है |
endindex string में कहाँ तक की value लेनी है उस index position को बताता है | ये parameter optional है | अगर ये parameter नहीं दिए तो वो startindex से लेकर string के end तक की value, substring() method return करेगा |
substr()
substr() method, string से कुछ part को निकाल कर एक नया string return करता है | ये slice() method की तरह काम करता है | पर इसमें फर्क ये है की 2nd parameter में कितने characters तक निकाल ना है वो बताई जाती है | और slice method 2nd parameter में कोनसे index तक value लेनी है वो बताई जाती है |
Syntax
stringValue.substr(startindex, noofcharacters)
startindex parameter सुरु की index position को बताता है जहाँ से value extract करना है | और इस parameter को डालना जरुरी है |
noofcharacters एक optional parameter है जो कितनी characters तक extract करना है वो बताता है |
उदाहरण
<html>
<head></head>
<body>
<h3 id="heading">This Is a Simple Javascript String Example</h3>
<script>
var ch=document.getElementById("heading").innerHTML;
document.write(ch.substr(0,4)); // return first 4 charactes
document.write("<br><br>");
document.write(ch.substr(17)); // return string from 17 index position
</script>
</body>
</html>
output
length property
length property से string की पूरी length पता की जा सकती है | और इस method में सारे characters के साथ spaces को भी count करता है |
उदाहरण
<html>
<head></head>
<body>
<h3 id="heading">This Is a Simple Javascript String Example</h3>
<script>
var ch=document.getElementById("heading").innerHTML;
document.write("Heading length is " + ch.length);
</script>
</body>
</html>
output