Web Programming Training By OM SIR Call for free Demo : 8149996597

JAVA-SCRIPT OBJECT


Creating a JavaScript Object

With JavaScript, you can define and create your own objects.
There are different ways to create new objects:
  • Define and create a single object, using an object literal.
  • Define and create a single object, with the keyword new.
  • Define an object constructor, and then create objects of the constructed type

Objects are Variables
JavaScript variables can contain single values:
Example
var person = "John Doe";

full example:-
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>

<p id="demo"></p>

<script>
// Create and display a variable:
var person = "John Doe";
document.getElementById("demo").innerHTML = person;
</script>

</body>
</html>

Objects are variables too. But objects can contain many values.
The values are written as name : value pairs (name and value separated by a colon).
Example
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Full example :-
<!DOCTYPE html>
<html>
<body>

<p>Creating a JavaScript Object.</p>

<p id="demo"></p>

<script>
var person = {
  firstName : "John",
  lastName  : "Doe",
  age     : 50,
  eyeColor  : "blue"
};

document.getElementById("demo").innerHTML = person.firstName + " " + person.lastName;
</script>

</body>

</html>


  • Define and create a single object, using an object literal.

Simple Object    Example   :

<script> 
                emp={id:102,name:"Shyam Kumar",salary:40000} 
                document.write(emp.id+" "+emp.name+" "+emp.salary); 
                </script> 







  • Define and create a single object, with the keyword new.

object using new keyword example :

<script> 
var emp=new Object(); 
emp.id=101; 
emp.name="Ravi Malik"; 
emp.salary=50000; 
document.write(emp.id+" "+emp.name+" "+emp.salary); 
</script>




  • Define an object constructor, and then create objects of the constructed type

Object  Constructor example:
                <script> 
                function emp(id,name,salary){ 
                this.id=id; 
                this.name=name; 
                this.salary=salary; 
                } 
                e=new emp(103,"Vimal Jaiswal",30000); 
                document.write(e.id+" "+e.name+" "+e.salary); 
                </script>

Previous
Next Post »