Skip to content
Related Articles
Open in App
Not now

Related Articles

Difference between Array and Array of Objects in JavaScript

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 09 Dec, 2022
Improve Article
Save Article

In this article, we will see 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




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

1
2
3
4
5
"after using pop()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: In this example, we will create a basic Javascript array object and access its properties.

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:

"using DOT:male"
"using []:32"
[object Object] {
  age: 12,
  gender: "male",
  name: "jhon"
}

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 that consist 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().

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!