How to use the DOT notation In Javascript

This method can’t be used directly to access the array of objects but we have to use it together with the bracket notation. With this method, we can access any specific property of a particular object in the array of objects but not the whole object.

Syntax:

arrayName[arrayIndex].propertyName

Example: The code below demonstrates how we can use the DOT notation along with the brackets notation to access the elements of the array of objects:

Javascript

// Array of objects
let objArr = [
    {
        name: 'john',
        age: 12,
        gender: 'male'
    },
    {
        name: 'jane',
        age: 15,
        gender: 'female'
    },
    {
        name: 'julie',
        age: 20,
        gender: 'trans'
    }
];
 
console.log("Accessing the value using the [] and DOT notations:")
console.log(objArr[1].gender);

Output

Accessing the value using the [] and DOT notations:
female

How to Access Array of Objects in JavaScript ?

In this article, we are going to learn how we Access an Array of Objects in JavaScript. An array of objects in JavasScript is a collection of elements that individually hold a number of properties and values.

How to Access an Array of Objects in JavaScript?

The approaches to access the array of objects in JavaScript are: