एक ऐरे ऑब्जेक्ट तत्वों के संग्रह का प्रतिनिधित्व करता है। यह कई चरों के भ्रम से बचने के लिए डेटा के एक बड़े सेट को बनाए रखने में मदद करता है, जिससे उन्हें क्रमबद्ध किया जाता है। यदि उपयोगकर्ता ऐरे ऑब्जेक्ट पर कोई अतिरिक्त विधि और प्रॉपर्टी लागू करना चाहता है, तो उसे प्रत्येक तत्व पर एक-एक करके उस नई प्रॉपर्टी/विधि को लागू करने की आवश्यकता नहीं है। इसके बजाय, इसे जावास्क्रिप्ट ऐरे का उपयोग करके प्रभावी ढंग से किया जा सकता है। प्रोटोटाइप 'निर्माता। यह कंस्ट्रक्टर वांछित ऐरे ऑब्जेक्ट में नई विधियों और गुणों को लागू करने में मदद करता है।
यह मार्गदर्शिका जावास्क्रिप्ट में ऐरे 'प्रोटोटाइप' कंस्ट्रक्टर के उपयोग की व्याख्या करती है।
जावास्क्रिप्ट में ऐरे 'प्रोटोटाइप' कंस्ट्रक्टर का उपयोग कैसे करें?
सरणी ' प्रोटोटाइप कंस्ट्रक्टर का उपयोग जावास्क्रिप्ट फ़ंक्शन की सहायता से किसी ऐरे ऑब्जेक्ट में नई विधियों और गुणों को जोड़ने के लिए किया जाता है। यह सभी सरणी मानों के लिए निर्मित संपत्ति को डिफ़ॉल्ट रूप से उसके नाम और मान के रूप में लागू करता है।
वाक्य - विन्यास
Array.prototype.name = मान
उपरोक्त वाक्यविन्यास में, ' नाम 'नई जोड़ी गई संपत्ति को इसके साथ निर्दिष्ट करता है' कीमत 'यह संपूर्ण ऐरे ऑब्जेक्ट पर लागू होता है।
आइए उपरोक्त परिभाषित संपत्ति का उसके सिंटैक्स की सहायता से व्यावहारिक रूप से उपयोग करें।
HTML कोड
सबसे पहले, बताए गए HTML कोड पर एक नज़र डालें:
< पी > 'प्रोटोटाइप' कंस्ट्रक्टर मदद करता है में नये तरीकों का समावेश / दिए गए ऐरे के गुण ( ) वस्तु। पी >< बटन क्लिक पर = 'jsFunc()' > प्रत्येक स्ट्रिंग की लंबाई प्राप्त करें बटन >
< पी पहचान = 'नमूना' > पी >
< पी पहचान = 'के लिए' > पी >
उपरोक्त कोड पंक्तियों में:
- “ <पी> टैग पैराग्राफ स्टेटमेंट को निर्दिष्ट करता है।
- “ <बटन> बटन क्लिक पर निर्दिष्ट फ़ंक्शन 'jsFunc()' को शुरू करने के लिए टैग 'ऑनक्लिक' ईवेंट के साथ एक बटन एम्बेड करता है।
- अंतिम दो ' <पी> टैग क्रमशः उनकी निर्दिष्ट आईडी 'नमूना', और 'पैरा' के साथ खाली पैराग्राफ जोड़ते हैं।
टिप्पणी: इस गाइड में दिए गए सभी उदाहरणों में इस HTML कोड का पालन किया जाता है।
उदाहरण 1: एक नई विधि जोड़कर ऐरे ऑब्जेक्ट की लंबाई की गणना करने के लिए 'प्रोटोटाइप' कंस्ट्रक्टर को लागू करना
यह उदाहरण एक नए जोड़े गए तरीके की मदद से ऐरे ऑब्जेक्ट के अंदर प्रत्येक स्ट्रिंग की लंबाई की गणना करने के लिए 'प्रोटोटाइप' कंस्ट्रक्टर का उपयोग करता है।
जावास्क्रिप्ट कोड
दिए गए जावास्क्रिप्ट कोड का पालन करें:
< लिखी हुई कहानी >Array.prototype.stringLength = समारोह ( ) {
के लिए ( जहां टी = 0 ; टी < यह.लंबाई; टी++ ) {
यह [ टी ] = यह [ टी ] ।लंबाई;
}
} ;
समारोह jsFunc ( ) {
वर स्ट्र = [ 'एचटीएमएल' , 'सीएसएस' , 'जावास्क्रिप्ट' ] ;
document.getElementById ( 'नमूना' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'के लिए' ) .innerHTML = str;
}
लिखी हुई कहानी >
कोड की उपरोक्त पंक्तियों में:
- ऐरे का मूल सिंटैक्स लागू करें ' प्रोटोटाइप 'कंस्ट्रक्टर जो एक नई विधि जोड़ता है' स्ट्रिंग लंबाई 'एक फ़ंक्शन को परिभाषित करना।
- अगला, फ़ंक्शन परिभाषा में, ' के लिए 'लंबाई' संपत्ति का उपयोग करके उनकी लंबाई ज्ञात करने के लिए एक ऐरे ऑब्जेक्ट के सभी सूचकांकों पर लूप को दोहराया जाता है।
- उसके बाद, ' jsFunc() ” “str” वेरिएबल में संग्रहीत एक ऐरे ऑब्जेक्ट को परिभाषित करता है।
- फिर ' document.getElementById () ' विधि ऐरे ऑब्जेक्ट 'str' को प्रदर्शित करने के लिए अपनी आईडी 'नमूना' के माध्यम से पहले खाली पैराग्राफ तक पहुंचती है।
- अंत में, 'str' ऐरे ऑब्जेक्ट को 'के साथ संबद्ध करें स्ट्रिंग लंबाई() प्रत्येक सरणी अनुक्रमणिका की स्ट्रिंग लंबाई की गणना करने की विधि और फिर इसे अगले खाली पैराग्राफ में जोड़ें जिसकी आईडी 'पैरा' है।
उत्पादन
यहां, आउटपुट ऐरे 'प्रोटोटाइप' कंस्ट्रक्टर के माध्यम से नए जोड़े गए 'स्ट्रिंगलेंथ ()' विधि की मदद से लक्ष्य ऐरे ऑब्जेक्ट की प्रत्येक स्ट्रिंग की लंबाई दिखाता है।
उदाहरण 2: एक नई विधि 'myUcase' बनाने के लिए 'प्रोटोटाइप' कंस्ट्रक्टर को लागू करना और इसे एक ऐरे ऑब्जेक्ट पर लागू करना
यह उदाहरण एक नई 'myUcase' विधि बनाने के लिए 'प्रोटोटाइप' कंस्ट्रक्टर का उपयोग करता है और इसे लक्ष्य ऐरे ऑब्जेक्ट पर लागू करता है।
जावास्क्रिप्ट कोड
आइए नीचे दिए गए जावास्क्रिप्ट कोड को देखें:
< लिखी हुई कहानी >Array.prototype.myUcase = समारोह ( ) {
के लिए ( होने देना टी = 0 ; टी < यह.लंबाई; टी++ ) {
यह [ टी ] = यह [ टी ] .टूअपरकेस ( ) ;
}
} ;
समारोह jsFunc ( ) {
स्थिरांक arrObj = [ 'एचटीएमएल' , 'सीएसएस' , 'जावास्क्रिप्ट' , 'प्रतिक्रिया' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'नमूना' ) .innerHTML = arrObj;
}
लिखी हुई कहानी >
यहां, 'प्रोटोटाइप' कंस्ट्रक्टर 'नाम की एक नई विधि बनाता है myUcase ' जो ' का उपयोग करता है अपरकेस ऐरे ऑब्जेक्ट की प्रत्येक स्ट्रिंग को 'अपरकेस' में बदलने के लिए फ़ंक्शन परिभाषा में विधि। बाद वाले फ़ंक्शन में, कस्टम विधि को ऐरे पर भी लागू किया जाता है।
उत्पादन
जैसा कि देखा गया है, लागू 'myUcase()' विधि के कारण ऐरे ऑब्जेक्ट की प्रत्येक स्ट्रिंग एक बटन क्लिक पर कैपिटलाइज़ हो जाती है।
निष्कर्ष
ऐरे का उपयोग करने के लिए ' प्रोटोटाइप 'जावास्क्रिप्ट में कंस्ट्रक्टर, नई विधि/प्रॉपर्टी को इसके साथ संबद्ध करें। यह एक फ़ंक्शन को निर्दिष्ट करता है जो आवश्यकताओं के अनुसार कस्टम तरीके से किसी अन्य फ़ंक्शन के लिए कार्यक्षमता को परिभाषित करता है। इस गाइड ने जावास्क्रिप्ट में ऐरे 'प्रोटोटाइप' कंस्ट्रक्टर के उपयोग को संक्षेप में समझाया।