Home / Questions / 23539
Accepted
Alan
Asked: 2020-09-13 13:34:56 +0800 CST 2020-09-13 13:34:56 +0800 CST

How to convert a JSON object to an Array in JavaScript?

  • 772

I am trying to transform a JSON object to a javascript array, where the array would consist of the keys and values ​​in the object. I have done it in different ways and I have not succeeded.

//Objeto Json
[
 {dato: 'asdasd'},
 {dato:'234234'}
]

The desired result would be something like this:

//Array 
[
 [dato, 'asdasd'],
 [dato, '234234']
]

I have used the typeofwith different methods but always the result of this isobject

javascript

2 Answers

  1. Best Answer

    An easy way could be to iterate through your curly braces:

    var arreglo = [
    {dato: 'asdasd'},
    {dato:'234234'}
];

/**
 * Array.prototype.map(fn: callback) es un método que se ejecutará por
 * cada elemento dentro del arreglo sobre el cúal fue llamado.
 *
 * @see {@link https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/map}
 * @param {Object} o
 */
var nuevoArreglo = arreglo.map(function(o) {
    /**
     * Array.prototype.reduce(fn: callback, value: any) es un método que pasa un valor inicial
     * a cada iteración, el valor devuelto será pasado por cada iteración y devuelto como
     * resultado al final del bucle.
     *
     * @see {@link https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/reduce}
     * @param {Array} array  Con un valor inicial [].
     * @param {string} key   Llave del objeto.
     */
    return Object.keys(o).reduce(function(array, key) {
        return array.concat([key, o[key]]);
    }, []);
});

console.log(nuevoArreglo);

    The result would be:

    [
    ["dato", "asdasd"],
    ["dato", "234234"]
]
    • 6

  2. An easy option is to use a combination of: Array.map(), and Object.entries().

    const objetoJson = [
  { dato: 'asdasd' },
  { dato: '234234' },
];
const arr = objetoJson.map(elemento => Object.entries(elemento));

console.log(arr);

    With objetoJson.map()loops through each element of the array of objects, returning a value for each element of the array. With Object.entries(elemento), you get an array with the key and value of each element, so you already have what you need.

    • 2