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.

Javascript

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);

Output

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.

Javascript

// 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]);
}

Output

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

Difference between an Array and an Array of objects:

Array	Array of objects
Arrays are best to use when the elements are numbers.	Objects are best to use when the elements’ strings (text).
The data inside an array is known as Elements.	The data inside objects are known as Properties which consists of a key and a value.
The elements can be manipulated using [].	The properties can be manipulated using both.DOT notation and [].
The elements can be popped out of an array using the pop() function.	The keys or properties can be deleted by using the delete keyword.
Iterating through an array is possible using For loop, For..in, For..of, and ForEach().	Iterating through an array of objects is possible using For..in, For..of, and ForEach().