डाउनलोड पी.डी.एफ. ई-बुक्स
JS - Object

Javascript ये Language Object-Oriented Programming Langauge है | Javascript में भी C++, Java जैसे objects बनाये जाते है |

What is Javascript Object ?

Javascript के Object में कुछ methods और कुछ properties होती है |

अगर Objects के नजरिये से देखा जाए तो javascript का हर हिस्से को Object बनाया जा सकता है | लेकिन जब Object को बनाया जाता है तब 'new' keyword का इस्तेमाल किया जाता है |

जब Number, Boolean और String का इस्तेमाल किया जाता है तो, 'new' keyword का इस्तेमाल किया जाता है | लेकिन Array, Maths, Dates, Functions और Object तो पहले से ही objects है |

Javascript में Objects तीन प्रकार से create किये जाते है |

  1. Using Object Literal
  2. Using new keyword
  3. Using Object Constructor

1. Using Object Literal

Syntax for Creating Object using Object Literal

var obj_name = {prop_name1:prop_val1,prop_name2:prop_val2,....,prop_name n:prope_val n};

यहाँ पर Object create करने के लिए Object Literal एक ही line पर लिया गया है | हर property और value की pair seperate lines पर ली जा सकता है |

For Example,

var obj_name = {
	prop_name1:prop_val1,
	prop_name2:prop_val2,
	....,
	prop_name n:prope_val n
	};

Example for Creating Object Literal

Object Literal को curly braces के अन्दर लिखा जाता है | हर property और value को colon(:) से seperate किया जाता है और हर property और value की pair को comma(,) से seperate किया जाता है |

Source Code :
<script type="text/javascript">

//var emp = {id:1, name:"Rakesh", salary:28000.50};

//OR

var emp = {
	id : 1, 
	name : "Rakesh",
	salary : 28000.50
	};
	
document.write("Employee id : " + emp.id + "<br />");
document.write("Employee Name : " + emp.name + "<br />");
document.write("Employee Salary : " + emp.salary + "<br />");

</script>
Employee id : 1
Employee Name : Rakesh
Employee Salary : 28000.5

2. Using new Keyword

new Keyword के साथ Object को create किया जाता है |

Syntax for Creating Object using 'new' Keyword

var obj_name = new Object();

Example for Creating Object using 'new' Keyword

Source Code :
<script type="text/javascript">

var emp = new Object();
	emp.id = 1; 
	emp.name = "Rakesh";
	emp.salary = 28000.50;
	
document.write("Employee id : " + emp.id + "<br />");
document.write("Employee Name : " + emp.name + "<br />");
document.write("Employee Salary : " + emp.salary + "<br />");

</script>
Output :
Employee id : 1
Employee Name : Rakesh
Employee Salary : 28000.5

2. Using Object Constructor

Object Constructor में function और उनके paramters की जरुरत पड़ती है |

this keyword; current object का संदर्भ देता है |

यहाँ पर this keyword से हर एक parameter की value current object assign की जाएगी |

Object Constructor के माध्यम से संक्षिप्त रूप में एक से ज्यादा Objects को create किया जाता है |

Source Code :
<script type="text/javascript">

function emp(id, name, salary){
	this.id = id;
	this.name = name;
	this.salary = salary;
	}

var emp1 = new emp(1, "Rakesh", 28000.50);
var emp2 = new emp(2, "Mukesh", 29000.75);

document.write("Employee1 <br />");
document.write("Employee1 id : " + emp1.id + "<br />");
document.write("Employee1 Name : " + emp1.name + "<br />");
document.write("Employee1 Salary : " + emp1.salary + "<br /><br />");
document.write("Employee2 <br />");
document.write("Employee2 id : " + emp2.id + "<br />");
document.write("Employee2 Name : " + emp2.name + "<br />");
document.write("Employee2 Salary : " + emp2.salary);

</script>
Output :
Employee1 
Employee1 id : 1
Employee1 Name : Rakesh
Employee1 Salary : 28000.5

Employee2
Employee2 id : 2
Employee2 Name : Mukesh
Employee2 Salary : 29000.75