Skip to content
Related Articles

Related Articles

Improve Article

How to get a list of associative array keys in JavaScript ?

  • Last Updated : 29 May, 2019
Geek Week

Associative Array: Associative arrays are used to store key-value pairs. For example, to store the marks of the different subject of a student in an array, a numerically indexed array would not be the best choice. Instead, we could use the respective subject’s names as the keys in our associative array, and the value would be their respective marks gained. In associative array, the key-value pairs are associated with : symbol.

Method 1: In this method, traverse the entire associative array using a foreach loop and display the key elements of the array.

Syntax:

for (var key in dictionary) {
  // do something with key
}

Example: Program to loop through associative array and print keys.




<script>
    // Script to Print the keys using loop
    // Associative array
    var arr = {
        "Newton": "Gravity",
        "Albert": "Energy",
        "Edison": "Bulb",
        "Tesla": "AC"
    };
  
document.write("Keys are listed below <br>");
  
// Loop to print keys
for (var key in arr) {
    if (arr.hasOwnProperty(key)) {
  
        // Printing Keys
        document.write(key + "<br>");
    }
</script>

Output:



Keys are listed below 
Newton
Albert
Edison
Tesla


Method 2: Using Object.keys() function: The Object.keys() is an inbuilt function in javascript which can be used to get all the keys of array.

Syntax:

Object.keys(obj)

Example: Below program illustrate the use of Object.keys() to accessing the keys of associative array.




<script>
    // Script to Print the keys 
    // using Object.keys() function
    // Associative array
    var arr = {
        "Newton": "Gravity",
        "Albert": "Energy",
        "Edison": "Bulb",
        "Tesla": "AC"
    };
    // Get the keys
    var keys = Object.keys(arr);
  
    document.write("Keys are listed below <br>");
  
    // Printing keys
    document.write(keys);
</script>

Output:

Keys are listed below 
Newton, Albert, Edison, Tesla

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!




My Personal Notes arrow_drop_up
Recommended Articles
Page :