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 :new.
<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>
Comments
Post a Comment