Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

Calculate the length of an associative array using JavaScript

  • Last Updated : 07 Oct, 2021

Associative Array: In JavaScript, we have normal arrays in which an element is present at a particular index. Whereas Associative arrays are basically Objects in JavaScript where the index is replaced with user-defined keys. Basically, we can say that it stores Key-Value pairs.

Syntax:

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

let arr = { key1: 'value'1, key2: 'value2', key3: 'value3'}

Here, arr is the associative array, and key1, key2, and key3 are its indexes, and value1, value2, and value3 are its elements.

Example:



let arr = {"apple": 10, "grapes": 20};

Javascript




<script>
    let arr = {
        "apple": 10,
        "grapes": 20
    };
    arr["guava"] = 30;
    arr["banana"] = 40;
    document.writeln("Apple = " + arr.apple)
    document.write("Banana = " + arr.banana)
</script>

 

Output:

Apple = 10 Banana = 40

Length of an associative array: Like in a normal array, an associative array does not have a length property. So we will see other ways to calculate the length of associative arrays.

To calculate the length of an associative array, we will traverse the array element and count all the keys present in the array.

Javascript




<script>
  
    // Function to calculate the 
    // length of an array
    sizeOfArray = function (array) {
  
        // A variuable to store 
        // the size of arrays
        let size = 0;
  
        // Traversing the array
        for (let key in array) {
  
            // Checking if key is present
            // in arrays or not
            if (array.hasOwnProperty(key)) {
                size++;
            }
        }
  
        // Return the size
        return size;
    }
  
    // Driver code
    let arr = { "apple": 10, "grapes": 20 };
    arr["guava"] = 30;
    arr["banana"] = 40;
  
    // Printing the array
    console.log(arr);
  
    // Printing the size
    console.log("size = " + sizeOfArray(arr));
  
    // Adding another elemnent to array
    arr["fruits"] = 100;
  
    // Printing the array and size again
    console.log(arr);
    console.log("Size = " + sizeOfArray(arr));
</script>

Output:

{apple: 10, grapes: 20, guava: 30, banana: 40}
size = 4
{apple: 10, grapes: 20, guava: 30, banana: 40, fruits: 100}
Size = 5

Using  the keys method: The keys() method returns an array containing all the keys present in the associative array. So, we can use the length property on this array to get the length of associative array.

Javascript




<script>
    let arr = { "apple": 10, "grapes": 20 };
    arr["guava"] = 30;
    arr["banana"] = 40;
  
    // Printing the array 
    // returned by keys() method
    console.log(Object.keys(arr))
  
    // printing the size
    console.log("Size = " + Object.keys(arr).length)
</script>

Output:

['apple', 'grapes', 'guava', 'banana']
Size = 4



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!