Javascript Strings in Hindi – String Methods in Javascript

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

string toLowerCase Method Example

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

javascript startsWith method example

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

javascript replace method example

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

string indexOf method example

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

string charAt Method Example

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

javascript charCodeAt Example

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

string concat method example

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

javascript split method example

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

javascript string substr example

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

Stringh Length Example

अन्य javascript tutorial के सुझाव