This article will show the differences between an Array and an 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 loopfor (let i = 0; i < Arr.length; i++) { console.log(Arr[i]);}// Pop an element from arrayArr.pop();console.log("After using pop() Method: " + Arr); |
1 2 3 4 5 After using pop() Method: 1,2,3,4
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 objectslet myObject = { jhon: { name: 'jhon', age: 12, gender: 'male' }, rita: { name: 'rita', age: 32, gender: 'male' }};// Using DOT notationconsole.log('Using DOT:' + myObject.jhon.gender);// Using [] notationconsole.log('Using []:' + myObject.rita['age']);// Using delete keyworddelete myObject.rita;// Iterating using for..in loopfor (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:
|
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(). |
