JavaScript strings all methods and properties in Hindi | With Example , जावास्क्रिप्ट स्ट्रिंग के सभी प्रॉपर्टी और मेथड उदाहरण के साथ हिंदी में

strings के properties और string के मेथड्स

properties & method introduction

string के methods आपको strings के साथ काम करने मे मदद करते है|

जैसे की आप जानते है की मेथड्स या properties केवल ऑब्जेक्ट के पास होती है

इसलिए primitive value जैसे की var num =1; var string ='htmlinhindi' आदि के पास कोई methods या properties नहीं होती है

लेकिन रुकिए... javascript मे primitive values के लिए भी मेथड्स` और properties होती है

क्योंकि जावास्क्रिप्ट मे जब methods और properties को execute किया जा रहा होता है , तब primitive वैल्यू को भी object माना जाता है |

<= JavaScript classic for loop in Hindi | With Example , जावास्क्रिप्ट क्लासिक फॉर लूप हिंदी में

---

string की length निकालना:

किसी भी string की length निकालने के लिए .length property का उपयोग किया जाता है |

यह हमे संबधित string की length return करता है

for string length उदाहरण

<script>
var appName="HtmlInHindi";
var strln = appName.length;
/*ऊपर दिया statement string
कि लम्बाई लौटाएगा */
console.log(strln);
</script>


आउटपुट देखें =>

---

string में string को ढूंढना:

indexof() method:

indexof() method का प्रयोग हम किसी string के समूह में स्थित किसी string का index number प्राप्त करना के लिए करते है |

indexof() method हमे string के समूह में अगर एक से ज्यादा ढूढी जा रही string होतो पहली बार मिली string का index number return करता है

हमेशा कि तरह ध्यान दे कि जावास्क्रिप्ट किसी करैक्टर का पोजीशन किसी string या number में 0 से शुरू करता है

पिछले में आपने गौर किया होतो string कि लम्बाई आउटपुट में 11 प्राप्त हुई है अर्थात कुल करैक्टर कि संख्या लेकिन ध्यान रहे लास्ट करैक्टर i का index number 10 होगा क्योंकि indexing 0 से शुरू होती है

indexOf() method उदाहरण

<script>
var about = 'This is a htmlinhindi app.';
var appName = about.indexOf("htmlinhindi");
console.log(appName);
</script>


आउटपुट देखें =>

---

lastIndexof() method:

lastIndexof() method भी indexof() मेथड कि तरह कार्य करता है अंतर केवल यह होता है indexof() method जहाँ स्टार्ट से पहली बार मिली string का index number return करता है वही lastIndexof() method भी start से string ढूढता है लेकिन सबसे लास्ट में मिली string का index number return करता है |

इस प्रकार अगर किसी string के समूह में ढूढी जा रही string केवल ही हो तो indexof() और lastIndexOf() दोनों सामान index number return करेंगे |

क्या होगा अगर किसी string के समूह में सर्च कि जा रही string न मिले?

-1 return होगा

indexOf() method उदाहरण

<script>
var about = "This is a htmlinhindi app.";
var appName = about.lastIndexOf("htmlinhindi");
console.log(appName);
</script>


आउटपुट देखें =>

---

indexof() और lastIndexOf() का second parameter

दोनों मेथड में second parameeter देने का आप्शन होता है |

second parameeter का उपयोग के द्वारा आप यह सुनिश्चित कर सकते है , string ढूढना किस string number से प्रारंभ करना है

---

string के हिस्सों को निकालना:

किसी string के पार्ट्स को निकालने के लिए javascript हमें 3 मेथड प्रदान करता है |

• slice(start,end)
• substring(start,end)
• substr(start,length)

---

slice() method:

slice() method string के भाग को निकालता है तथा निकाले गए भाग को नए स्ट्रिंग मे रिटर्न करता है |

slice() मेथड 2 parameter लेता है , पहले parameter मे आप बता सकते है string का part निकालना कहाँ से शुरू करता है तथा दूसरे parameter मे कहाँ तक निकालना है |

अगर आप negative में parameter देते है तो index कि काउंटिंग अंत से होगी first और second दोनों parameter के case में

अगले स्लाइड में second ex. में first parameter -16 यह बताता है कि last से 16 index से string part निकलना शुरू करना है और last से index 5 तक निकालना है

---

slice() method उदाहरण

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.slice(10,21);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.slice(-16,-5);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

अगर आप दूसरा parameter नहीं देते है:

• तो first parameter (index) के बाद कि पूरी string नई string के रूप में return होगी
• negative parameter के case में भी लास्ट से index काउंट करके लास्ट तक कि नई string प्राप्त होगी

कृपया आगे दिए उदाहरण से relate करें!

पहले उदाहरण में index 10 (प्रारंभ से ) के बाद कि पूरी string return होगी |

दूसरे उदाहरण में index -16 (लास्ट से ) के बाद कि पूरी string return होगी |

---

slice() method उदाहरण

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.slice(10);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.slice(-16);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

substring() method :

substring() method slice() method के सामान ही होता है |

अब जब अलग से मेथड बना है तो कुछ तो अंतर होगा ही ,

substring() मेथड मे आप negative value नहीं दे सकते है |

थोड़ा सा स्क्रॉल करके आप लाइव editer के माध्यम से विभिन्न तरीके से मेथड के उपयोग का टेस्ट कर सकते है , तथा इसी ऐप मे अपने दोस्तों से साथ स्क्रीनशॉट शेयर कर उनकी मदद कर सकते है या ले सकते है |

---

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.substring(10,21);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

यदि आप second parameter नही देते है तो slice() method कि तरह बाद कि पूरी string return होगी

---

substr() method

substr() method भी slice() method के सामान ही होता है |

लेकिन substr() method में second parameter index कि बजाय return कि जाने वाली string के characters कि संख्या होती है

]

इसमें आप negative value भी दे सकते है जो अन्य कि तरह ही वर्क करेगा

second parameter को आप छोड़ सकते है जो अन्य कि तरह ही string return करेगा

'

एडवांस जावास्क्रिप्ट में हम इनके बीच विस्तृत अंतर देखेंगे

---

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.substring(10,11);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

कुछ बातें आपको खुद सीखनी चाहिए न कि कहीं से सर्च करके इस लेसन में जैसे string कि काउंटिंग कहाँ से शुरू हो रही , पहले parameter का लास्ट index number में क्या कुछ खास है , negative value का क्या रोल है अगल अलग सिचुएशन में और भी बहुत कुछ , अगर आप बार बार सर्च करेंगे खुद कुछ try नही करेगें तो आप स्किप कर देंगे |:

---

string के content को replace करना :

किसी string (सेंटेंस या वाक्य ) से किसी किसी word (value) को अन्य value से बदलने के लिए जावास्क्रिप्ट में आप replace() method का उपयोग कर सकते है |

string के ज्यादातर अन्य मेथड कि तरह ही replace() method भी जिस string में बदलाव किया जा रहा है उस string को नही बदलता बल्कि बदलाव को नई string में return करता है | पुरानी string ज्यों का त्यों रहती है

अगर आप extra कुछ नही करते हैं (by default) तो replace() method सबसे पहली बार जो मेल खाता word मिलता है केवल उसे ही replace करता है|

---

slice() method उदाहरण

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.replace("a HtmlInHindi","your own");
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

<script>
var appName="This is a HtmlInHindi app. a HtmlInHindi.";
var strPart = appName.replace("a HtmlInHindi","your own");
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

डिफ़ॉल्ट रूप से replace() method case sensitive होता है ,

लेकिन अगर आप case insensitive को भी replace करना चाहते है तो आप ऐसे कर सकते है |

इसके लिए आपको regular expression के साथ /i फ्लैग का उपयोग करना होगा अर्थात insensitive

एक बात का ध्यान रखे , regular expression में quotes न लगायें , जैसे string में करते है

---

slice() method उदाहरण

<script>
var appName="This is A HtmlInHindi app.";
var strPart = appName.replace("a HtmlInHindi","your own");
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

<script>
var appName="This is A HtmlInHindi app. A HtmlInHindi";
var strPart = appName.replace(/a HtmlInHindi/i,"your own");
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

जब आप /i flag का प्रयोग करते है, तो केवल पहली बार मैच किये word , सेंटेंस को replace कर सकते है

अगर आप सभी मैच किये word , सेंटेंस को replace करना चाहते है तो आप regular expression के साथ /g flag का प्रयोग कर सकते है | अर्थात global match

<script>
var appName="This is a HtmlInHindi app. a HtmlInHindi";
var strPart = appName.replace(/a HtmlInHindi/i,"your own");
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

लेकिन ध्यान रखे /g flag के साथ case sensitive होना चाहिए

---

Upper Case letter को कन्वर्ट करना

जावास्क्रिप्ट में string को Upper Case letter में कन्वर्ट करने के लिए toUpperCase() method का प्रयोग किया जाता है |

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.toUpperCase(appName);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

Upper Case letter को कन्वर्ट करना

javascript मे string को lower case मे convert करने के लिए toUpperCase() method का प्रयोग किया जाता है |

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.toLowerCase(appName);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

concat() method strings को जोड़ने के लिए :

दो या दो से ज्यादा string को जोड़ने के concat() method का प्रयोग किया जा सकता है |

दो या उससे अधिक string को जोड़ने के लिए + operator का भी प्रयोग किया जाता है | जो स्थित विशेष के आधार पर आप प्रयोग कर सकते है

कामा से अलग करके parentheses में आप डायरेक्ट string भी इंटर कर सकते है

डायरेक्ट string में आप दो string के बीच स्पेस देने के लिए डायरेक्ट स्पेस string दे सकते है

parentheses में string को quotes में व variable को बिना quote के कामा (,) से separate कर enter कर सकते है |

---

concat() method उदाहरण

<script>
var string1="This is a";
var string2="HtmlInHindi app.";
var strPart = string1.concat(" " , string2);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

<script>
var string1="This is a";
var string2="HtmlInHindi app.";
var strPart = string1 + " " + string2;
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

string.trim() method

trim() method का प्रयोग विडियो एडिटिंग कि तरह string के आगे पीछे से वाइटस्पेस(विडियो में उस नजर से देखे ) को हटाने के लिए किया जाता है|

slice() method उदाहरण

<script>
var appName=" HtmlInHindi ";
var strPart = appName.trim();
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

string से करैक्टर्स को निकालना :

string से characters प्राप्त करने के लिए जावास्क्रिप्ट हमें 3 मेथड प्रदान करता है :

• charAt()
• charCodeAt()
• property access[]

---

charAt() method string में से दिए गए index number पर स्थित करैक्टर को return करता है

charAt() method उदाहरण

<script>
var appName="HtmlInHindi";
var strPart = appName.charAt(0);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

charCodeAt()method

charCodeAt() method string के दिए गए index number का unicode करैक्टर return करता है |

method UTF-16 code में character का unicode return करता है

जैसे a-z (97-122) , A-Z (65-90), 1-9 (49-57) आदि

<script>
var appName="Aa1Zz9";
var strPart = appName.charCodeAt(0);
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

property access करके

ES5 अर्थात 2009 के बाद के ब्राउज़र अपडेट में property access[] के द्वारा भी string से character को प्राप्त किया जा सकता है |

<script>
var appName="HtmlInHindi";
var strPart = appName[0];
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

अंतर property access[] & charAt() method

property access IE 7 या उसके पहले के वर्ज़न मे यह काम नहीं करेगा|

जब आप property access[] के द्वारा स्ट्रिंग से कैरिक्टर निकालते है तो ऐसा लगता है कि string , array है जहां index नंबर के अनुसार character प्राप्त किए जा रहे है लेकिन ऐसा बिल्कुल नहीं है

क्योंकि अगर आप चाहे की स्ट्रिंग को अपडेट कर दें array की तरह appName[0]="H"; तो आप ऐसा नहीं कर सकते है हालांकि यह एरर जनरेट नहीं कारेगा लेकिन इसका कोई मतलब नहीं होगा |

अगर आप ऐसा इंडेक्स नंबर दे देते है जो स्ट्रिंग मे उपस्थित नहीं तो यह undefined रिटर्न करता है , जबकि वही स्ट्रिंग charAt() method मे empty string return करता है |

---

property access[] like array उदाहरण :

<script>
var appName="HtmlInHindi";
appName[0]="A";
var strPart = appName[0];
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

हालांकि आवश्यकतानुसार अगर आप स्ट्रिंग पर array जैसे काम करना चाहते है तो , आप string को array मे कन्वर्ट कर सकते है |

---

String को Array मे कन्वर्ट करना

string को array मे बदलने के लिए split() method का उपयोग किया जा सकता है|

split() method में कामा (,) , स्पेस , बिना स्पेस , आदि के आधार पर array बनाया जा सकता है

अगर आप कामा का प्रयोग करते है तो कामा के साथ separate हुए string क्रमशः index 0 , 1 ,2 ... आदि में स्थित होंगे जिन्हें आप array जैसे प्रयोग कर सकते है |

अगर आप कोई भी separator नही देते है तो पूरी string index 0 में array में स्थित होगी |

अगर आप बिना स्पेस के separator देते है , तो पूरी string के प्रत्येक करैक्टर क्रमशः index 0,1,2...आदि में array में उपस्थित होंगे

---

space separator के साथ उदाहरण

<script>
var appName="This is a HtmlInHindi app.";
var strPart = appName.split(" ");//space के साथ
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

विना space separator के साथ उदाहरण

<script>
var appName="Html In Hindi";
var strPart = appName.split("");//बिना space के साथ
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---

कामा separator के साथ उदाहरण

<script>
var appName="Html,In,Hindi";
var strPart = appName.split(",");//कामा के साथ
/*ऊपर दिया statement new string
strPart में लौटाएगा */
console.log(strPart);
</script>


आउटपुट देखें =>

---