DEV Community

gladwinbusula
gladwinbusula

Posted on

Objects in JavaScript

OBJECTS IN JAVASCRIPT

In JavaScript, an object is an unordered collection of key-value pairs. Each key value pair is called a property.
Key of a property can be a string and the value of a property can be any value, e.g. number, function or array.
JavaScript provides (many) exact number ways to create an object. Most commonly used is to use the object literal notation.

Literal notation

The following is an example of creating an object student using literal notation;

How to Create Objects in JavaScript

let student = {};
Enter fullscreen mode Exit fullscreen mode


javascript
To create an object with properties, you use key-value in curly braces.
For example;

let studentDetails= {firstname} Gladwin
let student=new object
Console.log (studentDetails);
Enter fullscreen mode Exit fullscreen mode


javascript
The Student object has one property: firstName.
Object Constructor

How to access properties in Objects

The dot (.) notation

You can access a property in javascript objects by using a dot sign
syntax

objectName.Propety
Enter fullscreen mode Exit fullscreen mode


javasript
The following illustrates how to use dot notation to access a property of an object.
objectName . propertyName
c
The following illustrates how to access the value of an object’s property using bracket/array-like notation.

objectName[ propertyName]
Enter fullscreen mode Exit fullscreen mode


javascript
For example;

let student = {
firstName: Gladwin
console.log (student [firstName]);
Enter fullscreen mode Exit fullscreen mode


javascript

Modifying the value of a property
To change the value of a property, you use the assignment operator (=).
For example:

let student ={
firstName: Gladwin
student.firstName= Gladwin;
console.log (student);
Enter fullscreen mode Exit fullscreen mode


javasript

Adding a new property to an object

The following statement adds the adm no. property to the student object and assign 32919 to it;

student.adm no =32919;
console.log (student);
Enter fullscreen mode Exit fullscreen mode


javascript

Deleting a property of an object

To delete a property in an object, you use the delete operator.

delete objectName. propertyName;
Enter fullscreen mode Exit fullscreen mode


javascript
The following example removes the adm no. property from the student object.

delete  student.adm no.;
Enter fullscreen mode Exit fullscreen mode


javascript

Checking if a property exists

To check if a property exists in an object, you use the in operator;

propertyName in objectName
Enter fullscreen mode Exit fullscreen mode


javascipt
The in operator returns true if the propertyName exists in objectName.

The following example creates a student object and uses the in operator to check if studentId property exists in the object.

let student= {
firstName: Gladwin
studentId: 6
};
console.log (studentId in student);
Enter fullscreen mode Exit fullscreen mode


javascript

Top comments (0)