Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

Difference between Array and Array of Objects in JavaScript

  • Difficulty Level : Basic
  • Last Updated : 02 Nov, 2021

In this article, we will see the differences between Array and Array of Objects in JavaScript.

1. 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:

Javascript




<script>
    var myArr = [1, 2, 3, 4, 5];
  
    // Iterating through loop
    for (var i = 0; i < myArr.length; i++) {
        console.log(myArr[i]);
    }
  
    // Pop an element from array
    myArr.pop();
    console.log("after using pop()" + myArr);
</script>

 

Output:

 

2. 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, 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 are known as Properties. Properties of an object can be called by using DOT notation and [] notation.

Example:

Javascript




<script>
  
    // Array of objects
    var 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 (var key in myObject) {
  
        // logs values in myObject
        console.log(myObject[key]);
    }
</script>

Output:

Difference between Array and Array of objects:

S. No.

Array

Array of objects

1.Arrays are best to use when the elements are numbers.objects are best to use when the elements strings (text).
2.The data inside an array is known as Elements.The data inside objects are known as Properties that consist of a key and a value.
3.The elements can be manipulated using [].  The properties can be manipulated using both .DOT notation and [].
4.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.
5.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().

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!