Scribd
Upload
6 views

Java Script Part 2 V1

The document provides an overview of JavaScript objects, explaining their structure, properties, methods, and how to create and manipulate them. It covers object construction, accessing properties, looping through properties, and adding or deleting properties/methods. Additionally, it introduces the concept of object methods and their invocation syntax.

Uploaded by

kavigamage62
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

Java Script Part 2 V1

The document provides an overview of JavaScript objects, explaining their structure, properties, methods, and how to create and manipulate them. It covers object construction, accessing properties, looping through properties, and adding or deleting properties/methods. Additionally, it introduces the concept of object methods and their invocation syntax.

Uploaded by

kavigamage62
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

BIT 2nd Year

Semester 3
IT 3505

Web Application Development II

Fundamentals of Asynchronous
JavaScript and XML (AJAX) –
Part 2
IT3505 Web Application Development II
JavaScript Objects

IT3505 Web Application Development II


JavaScript Objects
• In JavaScript, all values, except primitive values, are objects.
• A JavaScript object is an unordered collection of named items.
• The named item of an object can be a
– Primitive value (called a property of the object).
– function definition (called an object method).
– Another object.
• JavaScript objects are specified by using the following syntax.
,name1:item1,name2:item2,…….,namex:itemx}
– The individual values are separated by commas.
– Each value is a pair of items separated by a colon.
– In the namex:itemx pair the fist part provides a symbolic name for a
item given in the second part.

IT3505 Web Application Development II


JavaScript Objects …….
Example:
var student = {name:"saman",
age:20,
getdata: function(){
return this.name+"
"+this.age;}
};

The value of the student variable is a object with two


properties (with the names name and age) and a single
anonymous method.

IT3505 Web Application Development II


Constructing objects
• Objects can be constructed by
– Specifying attributes and methods inside curly brackets.
– Executing the command new Object() and then
assigning items to the newly created object;
Example :
var obj = new Object();
obj.name = "saman";
obj.age = 20;
obj.getdata = function(){ return this.name+"
"+this.age;};
– Crating an object type and then instantiate an object of
that type.

IT3505 Web Application Development II


Creating an object type
function student(name,age){
this.name = name;
this.age = age;
this.getdata = function(){ return this.name+"
"+this.age;};
};
var astudent = new student("saman",20); //Object
instantiation

The function student is called an object constructor.

IT3505 Web Application Development II


this keyword
• When the keyword this is used in an object it
indicates the object itself.

IT3505 Web Application Development II


Accessing object properties
• An object property can be accessed by using
any of the following syntactic structures.
– objectName.property
– objectName*“property”+
– objectName[expression]
• The expression must be evaluated to a property name

IT3505 Web Application Development II


Accessing object properties…….
Example:
var student = {name:"saman",
age:20,
};
alert(student.name);
alert(student*“name”+);

IT3505 Web Application Development II


Looping through properties and
methods of an object
The JavaScript construct for ..in can be used to loop
through all properties and methods of an object.

Syntax:
for (variable in object){
code to be executed
}

IT3505 Web Application Development II


Looping through properties and
methods of an object ….
Example :

var student = {name:"saman",


age:20,
};

for(property in student){
alert("Property name :"+property+ " value
="+student[property]);
}

IT3505 Web Application Development II


Adding a new property/method to
an object ..
• A new property/method can be added to an object by
assigning the new property/object with a
value/definition.
Example:
var student = {
name : "Saman",
age : 20,
getdata : function(){ return this.name+" "+this.age;}
};

student.sex = "male";

IT3505 Web Application Development II


Deleting a property/method from
an object ..
• The delete keyword can be used to delete a
property/method from an object. This will remove both
property/method and its value/definition from the object.
Example:
var student = {
name : "Saman",
age : 20,
getdata : function(){ return this.name+" "+this.age;}
};

delete student.age ;

IT3505 Web Application Development II


JavaScript Object Methods
• JavaScript object methods define actions that
can be performed on objects.
• Syntax for defining object methods.
methodName : function(){ method action}

Object methods can be invoked by using the


following syntax.
objectName.methodName()

IT3505 Web Application Development II

You might also like