¿Cómo convertir la array de Object en una array usando JavaScript?

Dada una array de objetos, la tarea es convertir los valores de los objetos en una array con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación:

Enfoque 1: podemos usar el método map() y devolver los valores de cada objeto que forma la array.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Convert a JS object to
        an array using JQuery
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </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>

Producción:

Enfoque 2: el método Object.keys() se usa para obtener las claves del objeto y luego esas claves se usan para obtener los valores de los objetos de la array.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Convert a JS object to
        an array using JQuery
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </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>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta