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

Как преобразовать объект JSON в массив в JavaScript?

  • 772

Я пытаюсь преобразовать объект JSON в массив javascript, где массив будет состоять из ключей и значений в объекте. Я делал это разными способами, и у меня не получилось.

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

Желаемый результат будет примерно таким:

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

Я использовал typeofс различными методами, но всегда результат этогоobject

javascript

2 Answers

  1. Best Answer

    Простым способом может быть повторение ваших фигурных скобок:

    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);

    Результат будет:

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

  2. Простой вариант — использовать комбинацию: Array.map(), и Object.entries().

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

console.log(arr);

    С objetoJson.map()перебирает каждый элемент массива объектов, возвращая значение для каждого элемента массива. С помощью Object.entries(elemento)вы получаете массив с ключом и значением каждого элемента, так что у вас уже есть то, что вам нужно.

    • 2