जावास्क्रिप्ट ऑब्जेक्ट्स
अब समय आ गया है कि हम जावास्क्रिप्ट प्रोग्रामिंग के बेसिक स्ट्रक्चर को जाने जो कि इसके लगभग सभी पहलू के बारे में जानकारी दे |
object से तो लगभग शयद सभी लोग बेहतर तरीके से परिचित होंगे जहाँ तक आप सोच सकते है
जावास्क्रिप्ट में लगभग सभी कॉम्पोनेन्ट object होता है , यह तक कि जो object नही है जैसे कि string और number वह भी आपको object कि तरह कार्य करते दिख जायेंगे |
रियल लाइफ में बाइक एक object होती है |
एक बाइक कि कुछ प्रॉपर्टीज होती है जैसे कि उसका वजन , कलर , और मेथोड्स जैसे कि बाइक को स्टार्ट करना और रोकना आदि
सभी कि लगभग सामान प्रॉपर्टीज होती है , अंतर एक बाइक से दुसरे बाइक में केवल प्रॉपर्टी value में होता है
सभी बाइक्स में मेथोड्स लगभग सामान होते है , अंतर केवल उनके कार्य करने के समय में अन्तर होता है , जैसे तेजी से पिकउप लेना आदि
मुझे लगता है आपलोग relate कर पा रहे होंगे |
object literals बनाना
किसी भी जावास्क्रिप्ट type (string , number , boolean) कि तरह object भी किसी variable में assign किया जा सकता है |
आप object literals को बनाने के लिए {} का प्रयोग करेंगे
उदाहरण
<script>
var bike = {} // bike खाली (empty) object है
</script>
स्वयं प्रयाश करें =>
हम object में डाटा बिना क्रम में रखते है ,बजाय array जैसे क्रम में
जहाँ डाटा key:value के रूप में या name:value के रूप में स्टोर होता है
key:value में से key variable name कि तरह होता है जो कि उस मोमोरी को दर्शता है जहाँ value रखा होता है |
object में variable (key) में आप किसी भी type कि value , function , या अन्य object assign कर सकते है |
जब तक कि कोई स्पेशल करैक्टर नही होता जावास्क्रिप्ट में हम key में quotation mark छोड़ सकते है |
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,// word में स्पेस के कारण key में quotation मार्क लगाया गया है
tyre : 'tubeless'
} // दो key:value के साथ object literal
</script>
स्वयं प्रयाश करें =>
ऊपर दिए उदाहरण में दो प्रॉपर्टीज है Number Of Gear और tyre
लेकिन हमने 'Number Of Gear' में उद्धरण चिन्ह लगाया है लेकिन tyre में नही लगाया है ऐसा इसलिए है क्योकि उसमे स्पेस दिया हुआ है |
छोटी चीजे ध्यान रखे , तथा सभी लेसन को क्रम से पढ़े क्योकि हो सकता है कुछ चीजे जो आपको समझ में नही आ रही वो पिछले लेसन में हो |
object प्रॉपर्टीज को एक्सेस करना
दो तरीके से आप object प्रॉपर्टी को एक्सेस कर सकते है
Dot Notation
आइये सबसे पहले पहले तरीके अर्थात dot notation को देखते है |
उदाहरण
<script>
var bike = {
color:'red',
tyre : 'tubeless'
} // दो key:value के साथ object literal
bike.color; // red return करेगा|
bike.tyre; //tubeless return करेगा |
//bike (object) . (dot operator) color (property name) है
</script>
स्वयं प्रयाश करें =>
यदि आप किसी object से ऐसे प्रॉपर्टी को एक्सेस करने कि कोशिश करेंगे जो कि उपस्थित नही है तो undefined return करेगा
उदाहरण
<script>
var bike = {
color:'red',
tyre : 'tubeless'
} // दो key:value के साथ object literal
bike.cc; // undefined return करेगा
//bike (object) . (dot operator) color (property name) है
</script>
स्वयं प्रयाश करें =>
Bracket Notation
object के key के value को एक्सेस करने के दूसरे तरीके bracket notation [] का प्रयोग
[] ( bracket notation ) का प्रयोग आप array के indexing के लिए भी करते है
object के प्रॉपर्टी को एक्सेस करने के लिए object notation का प्रयोग करने के लिए हमें प्रॉपर्टी name अर्थात key को string के रूप में पास करना होगा
जब आप ऐसे keys को एक्सेस करना चाहते है जिसमे numbers , स्पेसेस और कोई स्पेशल करैक्टर शामिल होतो हमें bracket notation का प्रयोग करना चाहिए |
क्योकि बिना bracket notation के इन स्थितियों में कोड हो सकता error throw करे
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,
tyre : 'tubeless'
} // दो key:value के साथ object literal
bike['Number Of Gear']; // 5 return करेगा
bike['tyre']; // 'tubeless' return करेगा अर्थात string
bike['cc']; //undefined return करेगा क्योकि cc प्रॉपर्टी नही है |
</script>
स्वयं प्रयाश करें =>
Property Assignment
एक बार हमने object define कर दिया , और सभी प्रॉपर्टी लिख दिया |
अब इसका मतलब यह नही है कि हम फस गये , क्योकि ऑब्जेक्ट्स परिवर्तनीय होते है
object को बनाने के बाद भी हम उसको अपडेट कर सकते है
जिसका मतलब यह है कि नये key-value के जोड़े(pairs) को add किया जा सकता है या मौजूदा key-value को बदला जा सकता है |
इसके लिए आप assignment operator (=) के साथ वही dot notation( .) या bracket notation ([]) में से कोई एक का प्रयोग कर सकते है
property assignment में दो मेसे एक एक चीज हो सकती है :
यदि प्रॉपर्टी (key-value pair) पहले से उपस्थित है तो चाहे उसमे जो भी value हो नई दी गई value से replace हो जायेगा
यदि object में जो आप नाम दे रहे है उस नाम से कोई value नही है तो एक नई value object में जुड़ जायेगी
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,
tyre : 'tubeless'
} // दो key:value के साथ object literal
bike['Number Of Gear']; // 5 return करेगा
bike['tyre']='tube'; // type property tubeless से tube में अपडेट किया गया
bike.light='led';
//light प्रॉपर्टी जोड़ी गई
</script>
स्वयं प्रयाश करें =>
आप object से प्रॉपर्टी को डिलीट भी कर सकते है |
इसके लिए आप delete operator का प्रयोग कर सकते है |
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,
tyre : 'tubeless'
} // दो key:value के साथ object literal
bike['Number Of Gear']; // 5 return करेगा
delete bike.tyre;// bike object से tyre प्रॉपर्टी डिलीट हो जाएगी
</script>
स्वयं प्रयाश करें =>
Object Methods
object में मेथोड्स भी हो सकता है
मेथोड्स actions होते है जो object में perform किये जाते है |
हम अपने object literals में methods को रख सकते है आसानी से , कामा से अलग करके , key-value pairs के रूप में |
जहाँ key , methods name होगी और उसकी value कोई function होगा .
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,
tyre : 'tubeless',
speed: function() {
document.write("मै 150किलोमीटर कि स्पीड से चल सकती हूँ");
}
};
</script>
स्वयं प्रयाश करें =>
हालाँकि ES6 में हम बिना कालन और function कीवर्ड के भी मेथड बना सकते है |
object methods को एक्सेस करना
object मेथड को invoke(call) करने के लिए पहले object का नाम फिर dot operator और इसके बाद मेथड का का नाम और फिर parentheses लगाना होता है|
आइये एक उदाहरण से समझते है
उदाहरण
<script>
var bike = {
'Number Of Gear': 5,
tyre : 'tubeless',
speed: function() {
document.write("मै 150किलोमीटर कि स्पीड से चल सकती हूँ");
}
};
bike.speed();//आउटपुट "मै 150किलोमीटर कि स्पीड से चल सकती हूँ"
</script>
स्वयं प्रयाश करें =>
0 टिप्पणियाँ
आपके सुझाव सादर आमंत्रित है