javascript object basic in hindi , जावास्क्रिप्ट ऑब्जेक्ट बेसिक हिंदी में

javascript object basic in hindi , js object basic term in hindi

जावास्क्रिप्ट ऑब्जेक्ट्स


अब समय आ गया है कि हम जावास्क्रिप्ट प्रोग्रामिंग के बेसिक स्ट्रक्चर को जाने जो कि इसके लगभग सभी पहलू के बारे में जानकारी दे |

object से तो लगभग शयद सभी लोग बेहतर तरीके से परिचित होंगे जहाँ तक आप सोच सकते है

जावास्क्रिप्ट में लगभग सभी कॉम्पोनेन्ट object होता है , यह तक कि जो object नही है जैसे कि string और number वह भी आपको object कि तरह कार्य करते दिख जायेंगे |

रियल लाइफ में बाइक एक object होती है |

एक बाइक कि कुछ प्रॉपर्टीज होती है जैसे कि उसका वजन , कलर , और मेथोड्स जैसे कि बाइक को स्टार्ट करना और रोकना आदि

सभी कि लगभग सामान प्रॉपर्टीज होती है , अंतर एक बाइक से दुसरे बाइक में केवल प्रॉपर्टी value में होता है

सभी बाइक्स में मेथोड्स लगभग सामान होते है , अंतर केवल उनके कार्य करने के समय में अन्तर होता है , जैसे तेजी से पिकउप लेना आदि

मुझे लगता है आपलोग relate कर पा रहे होंगे |


bike object example

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>

स्वयं प्रयाश करें =>


कभी कभी आप text के जाल में फस सकते है लेकिन आप रियल लाइफ से relate करके देखेंगे तो चीजे आसान लगेगीं क्योकि वह आप लगभग नियमित करते है | बस आपको उससे relate करना है

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>

स्वयं प्रयाश करें =>


प्रयोग किये इंग्लिश word जावास्क्रिप्ट में प्रयोग किये जाने वाले आम word है इसलिए कृपया उन्हें इंग्लिश में ही पढ़े |

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>

स्वयं प्रयाश करें =>


javascript advance object के अंतर्गत अभी हम और पोस्ट करेगे कृपया पहले बेसिक में ध्यान दें !


टिप्पणी पोस्ट करें

0 टिप्पणियां