How to create an object using JavaScript?

Q

How to create an object using JavaScript?

✍: Guest

A

Objects can be created in many ways. One way is to create the object and add the fields directly.

<script type="text/javascript">
var myMovie = new Object();   
myMovie.title = "Aliens";
myMovie.director = "James Cameron";
document.write("movie: title is \""+myMovie.title+"\"");
<

This produces

movie: title is "Aliens"

To create an object you write a method with the name of your object and invoke the method with "new".

<script type="text/javascript">
function movie(title, director) {
   this.title = title;
   this.director = director;
   }
var aliens = new movie("Aliens","Cameron");
document.write("aliens:"+aliens.toString());
</script>

This produces

aliens:[object Object]

You can also use an abbreviated format for creating fields using a ":" to separate the name of the field from its value. This is equivalent to the above code using "this.".

<script type="text/javascript">
function movie(title, director) {
   title : title;
   director : director;
   }
var aliens = new movie("Aliens","Cameron");
document.write("aliens:"+aliens.toString());
</script>

This produces

aliens:[object Object]

2011-08-02, 3034👍, 0💬