Difference between Array and Array of Objects in JavaScript

Array

An Array is a collection of data and a data structure that is stored in a sequence of memory locations. One can access the elements of an array by calling the index number such as 0, 1, 2, 3, ..., etc. The array can store data types like Integer, Float, String, and Boolean all the primitive data types can be stored in an array.

Example: In this example, we will see the basic creation of a JavaScript Array and access the values of the array.

let Arr = [1, 2, 3, 4, 5];

// Iterating through loop
for (let i = 0; i < Arr.length; i++) {
    console.log(Arr[i]);
}

// Pop an element from array
Arr.pop();
console.log("After using pop() Method: " + Arr);

1
2
3
4
5
After using pop() Method: 1,2,3,4

An array of objects

It stores multiple values in a single variable. The object can contain anything in the real world such as person names, cars, and game characters. Objects are very easy to use in some situations if you know where the data is being processed. The character set of objects is known as Properties. The properties of an object can be called by using DOT notation and [] notation.

Example: We will create a basic JavaScript array object and access its properties in this example.

// Array of objects
let myObject = {
    jhon: {
        name: 'jhon',
        age: 12,
        gender: 'male'
    },
    rita: {
        name: 'rita',
        age: 32,
        gender: 'male'
    }
};

// Using DOT notation
console.log('Using DOT:' + myObject.jhon.gender);

// Using [] notation
console.log('Using []:' + myObject.rita['age']);

// Using delete keyword
delete myObject.rita;

// Iterating using for..in loop
for (let key in myObject) {

    // logs values in myObject
    console.log(myObject[key]);
}

Using DOT:male
Using []:32
{ name: 'jhon', age: 12, gender: 'male' }

Difference between an Array and an Array of objects: