What is Object in Javascript in Hindi
javascript में object एक properties का collection है जहाँ हर property name-value pair के हिसाब से store होता है | normally object एक real time entity को represent करता है |
यानि कोई भी चीज programming language में object कही जाती है | जैसे कोई घर, गाड़ी या बैंक account ये सब एक एक entitiy है | इन्ही entity को programming में object से represent किया जाता है | हर object की कुछ properties होती हैं और उसपे कुछ action किया जाता है |
उदाहरण के लिए घर एक object हुआ | उसमे कितने कमरे, दरवाज़े, खिड़कियाँ है ये सब एक एक property कहलाएगी | उस घर में owner खुद रह रहा है या घर rent पे है ये सब उसकी action कहलाएगी | ये तो एक real world object का simple सा उदाहरण था | javascript में object कैसे लिखते हैं और क्या क्या काम करतें हैं वो सब आगे पढेंगे |
javascript में Object बनाने के तरीकें
javascript में object 3 तरीके से बनाई जाती है और वो है:
- object literal
- new keyword
- object constructor
object literal
इस तरीके में object का नाम लिख कर और उसमे देने वाली properties को curly bracket में डालकर लिखी जाती है | सारी properties name-value pair या key-value pair से दरसाया जाता है | जिसमे एक property name और उसकी value :(colon) के जरिये लिखी जाती है | और एक property दूसरी property से (,)comma से separate होती है |
Syntax:
var objectname = {
properyname1 : value1,
propertyname2 : value2
}
उदाहरण:
var student = {
firstName : "Meera",
lastName : "Shah",
age : 14,
location : "Delhi"
}
उदाहरण में देखिये student नाम का एक object बनाया गया है और उसमे firstName, lastName, age, location properties दी गयी है | एक property दुसरे property से comma से separate की गयी है |
अगर property name में एक से अधिक शब्द हैं तो उसे underscore से अलग कर के लिख सकते हैं या फिर camelcase में लिख सकते हैं | पर अगर आप space से शब्दों को अलग करके लिखना चाहते हैं तो property के नाम को quotes के अंदर रख कर लिख सकतें हैं |
उदाहरण :
firstName
first_name
“first name”
object की properties को access कैसे करें?
object की property को दो तरीके से access कर सकतें हैं | पेहली object का नाम लिख कर उसके साथ dot notation से और दूसरा object नाम लिख कर उसके साथ square bracket में property name लिख कर access कर सकतें हैं |
उदाहरण :
student.firstName;
student[“firstName”];
<!doctype html>
<html>
<head></head>
<body>
<h2>javascript object tutorial</h2>
<script>
var student = {
firstName: "Meera",
lastName: "Shah",
age: 14,
location: "Delhi"
};
console.log(student);
</script>
</body>
</html>
output
Object with new keyword
इस तरीके में new keyword से object को define की जाती है | उसके बाद .(dot) operator लगाकर properties का नाम और value assign की जाती है |
Syntax:
var objectname = new Object(); //object creation
objectname.property1 = value1; //assigning property
objectname.property2 = value2; //assigning property
उदाहरण
<!doctype html>
<html>
<head></head>
<body>
<h2>javascript object tutorial</h2>
<script>
var student = new Object();
student.firstName = "Meera";
student.lastName = "Shah";
student.age = 14;
student.location = "Delhi";
console.log(student);
</script>
</body>
</html>
Object constructor function
कई बार programming में एक ही तरह के object same properties के साथ बहोत बार जरुरत पड़ती है | ऐसे में बार बार object define करना same properties के साथ बहोत परेसानी वाला काम हो जायेगा | और ये समय भी ज्यादा लेगा और बिना कारण code को भी बढ़ाएगा |
तो इसका समाधान है constructor function के जरिये object को बनाना | इसमें एक function बनायी जाती है और object में इस्तेमाल होने वाली properties को function में arguments के जरिये पास की जाती है |
***नॉटपॉइंट : javascript में जब हम constructor function बनातें हैं तो उसका नाम capital letter से सुरु की जाती है | इससे पता चलता है की जो function है वो एक constructor है |
उदाहरण
<!doctype html>
<html>
<head></head>
<body>
<h2>javascript object tutorial</h2>
<script>
//Object constructor creation
function Student(first,last,age,location){
this.firstName=first;
this.lastName=last;
this.age=age;
this.location=location;
}
//object creation
var student1 = new Student("Meera","Shah",14,"Delhi");
var student2 = new Student("Ashi","Sharma",15,"Noida");
var student3 = new Student("Aman","Thakur",15,"Gurgaon");
console.log(student1);
console.log(student2);
console.log(student3);
</script>
</body>
</html>
उदाहरण में देखिये हमने Student नाम का एक constructor बनाया | और object में इस्तेमाल होने वाले properties को this operator(जैसे this.firstName) के साथ लिखा है | उन properties को जो value देना है उसे function के arguments(जैसे first) में पास किआ है |
Constructor से object कैसे call करना है?
अब constructor name को लेकर और उसमे properties की values डालकर जितनी चाही object(उदाहरण var student1 = new Student(“Meera”,”Shah”,14,”Delhi”)) बनायी जा सकती है |
output:
