How to convert Object’s array to an array using JavaScript ?

Given an array of objects and the task is to convert the object values to an array with the help of JavaScript. There are two approaches that are discussed below:

Approach 1: We can use the map() method and return the values of each object which makes the array.

  • Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!DOCTYPE HTML>
    <html>
      
    <head>
        <title>
            Convert a JS object to
            an array using JQuery
        </title>
      
        <script src=
        </script>
    </head>
      
    <body style="text-align:center;">
      
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
      
        <p id="GFG_UP"></p>
      
        <button onclick="myGFG()">
            Click Here
        </button>
          
        <p id="GFG_DOWN"></p>
      
        <script>
            var up = document.getElementById("GFG_UP");
      
            var JS_Obj = {
                1: ['gfg', 'Gfg', 'gFG'],
                2: ['geek', 'Geek', 'gEEK']
            };
      
            up.innerHTML = "Object - [" 
                    + JSON.stringify(JS_Obj) + "]";
              
            var down = document.getElementById("GFG_DOWN");
              
            function myGFG() {
                var array = $.map(JS_Obj, function (val, ind) {
                    return [val];
                });
                down.innerHTML = array;
            }
        </script>
    </body>
      
    </html>

    chevron_right

    
    

  • Output:

Approach 2: The Object.keys() method is used to get the keys of object and then those keys are used to get the values of the objects from the array.

  • Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!DOCTYPE HTML>
    <html>
      
    <head>
        <title>
            Convert a JS object to
            an array using JQuery
        </title>
      
        <script src=
        </script>
    </head>
      
    <body style="text-align:center;">
      
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
          
        <p id="GFG_UP"></p>
      
        <button onclick="myGFG()">
            Click Here
        </button>
        <p id="GFG_DOWN"></p>
      
        <script>
            var up = document.getElementById("GFG_UP");
              
            var JS_Obj = {
                1: ['gfg', 'Gfg', 'gFG'],
                2: ['geek', 'Geek', 'gEEK']
            };
              
            up.innerHTML = "Object - [" 
                + JSON.stringify(JS_Obj) + "]";
      
            var down = document.getElementById("GFG_DOWN");
              
            function myGFG() {
                var arr = Object.keys(JS_Obj)
                    .map(function (key) 
                    { return JS_Obj[key]; });
                      
                down.innerHTML = arr;
            }
        </script>
    </body>
      
    </html>

    chevron_right

    
    

  • Output:

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.