¿Cómo convertir un objeto {} en una array [] de pares clave-valor en JavaScript?

La tarea es convertir un objeto {} en una array [] de pares clave-valor mediante JavaScript. 

Introducción: los objetos, en JavaScript, son el tipo de datos más importante y constituyen los componentes básicos del JavaScript moderno. Estos objetos son bastante diferentes de los tipos de datos primitivos de JavaScript (Número, String, Booleano, nulo, indefinido y símbolo). Los objetos son más complejos y cada objeto puede contener cualquier combinación de estos tipos de datos primitivos, así como tipos de datos de referencia, mientras que la array es una única variable que se utiliza para almacenar diferentes elementos. A menudo se usa cuando queremos almacenar una lista de elementos y acceder a ellos mediante una sola variable. Podemos convertir un objeto {} en una array [] de pares clave-valor usando los métodos que se describen a continuación: 

Método 1: En este método, usaremos Object.keys() y map() para lograr esto. 

Enfoque: al usar Object.keys(), estamos extrayendo claves del objeto y luego esta clave pasó a la función map() que asigna la clave y el valor correspondiente como una array, como se describe en el siguiente ejemplo. 

Sintaxis:

Object.keys(obj)

• Parámetro: obj: Es el objeto cuyas propiedades enumerables se van a devolver.

map(function callback(currentValue[, index[, array]]){
    // Return element for new_array
}

• Parámetro: callback: Función que produce un elemento del nuevo Array

Ejemplo: 

<script>
    // An Object
    var obj = { "1": 5, "2": 7, "3": 0, "4": 0, "5": 0 };
     
    // Using Object.keys() and map() function
    // to convert an Object {} to an
    // Array [] of key-value pairs
 
    var result = Object.keys(obj).map(function (key) {
         
        // Using Number() to convert key to number type
        // Using obj[key] to retrieve key value
        return [Number(key), obj[key]];
    });
     
    // Printing values
    for(var i = 0; i < result.length; i++) {
        for(var z = 0; z < result[i].length; z++) {
            document.write(result[i][z] + " ");
        }
        document.write("</br>");
    }
 
</script>

Producción:

1 5
2 7
3 0
4 0
5 0

Método 2: En este método, usaremos Object.entries() para lograr esto. 

Enfoque: Usaremos Object.entries() que está disponible en JavaScript. El método Object.entries() se usa para devolver una array que consta de pares de propiedades enumerables [clave, valor] del objeto que se pasan como parámetro. El orden de las propiedades es el mismo que se obtiene al recorrer manualmente los valores de propiedad del objeto. 

Sintaxis:

Object.entries(obj)

Parámetro: obj: Es el objeto cuyos pares enumerables de propiedad propia [clave, valor] se van a devolver. 

Ejemplo: 

<script>
    // An Object
    var obj = { "1": 500, "2": 15, "5": 4, "4": 480, "10": 87 };
     
    // Using Object.entries() function
    // to convert an Object {} to an
    // Array [] of key-value pairs
    var result = Object.entries(obj);
     
    // Printing values
    for(var i = 0; i < result.length; i++) {
        for(var z = 0; z < result[i].length; z++) {
            document.write(result[i][z] + " ");
        }
        document.write("</br>");
    }
 
</script>                   

Producción:

1 500
2 15
4 480
5 4
10 87