Convertir una matriz a JSON en JavaScript

Esta publicación discutirá cómo convertir una array a un JSON en JavaScript.

Hay varias formas de convertir una array en un JSON en JavaScript:

1. Usando el operador de propagación

ES6 Difundir sintaxis permite expandir una array donde se esperan literales de objetos. El siguiente ejemplo demuestra este uso de la sintaxis Spread.

var arr = [ 'x', 'y', 'z' ];

var json = { ...arr };

console.log(json);

Resultado: { '0': 'x', '1': 'y', '2': 'z' }

Descargar Ejecutar código

2. Usando `Object.assign()` función

los Object.assign() El método se utiliza para copiar propiedades de un objeto de origen a un objeto de destino. Para convertir una array a JSON, pase una array como objeto de origen y un objeto vacío como destino.

var arr = [ 'x', 'y', 'z' ];

var json = Object.assign({}, arr);

console.log(json);

Resultado: { '0': 'x', '1': 'y', '2': 'z' }

Descargar Ejecutar código

3. Usando `Array.prototype.reduce()` función

los reduce() El método se utiliza para ejecutar una función de devolución de llamada en cada elemento de la array. El siguiente ejemplo de código muestra cómo transformar una array en un objeto JSON con el reduce() método.

var arr = [ 'x', 'y', 'z' ];

const callbackfn = (json, value, index) => {

json[index] = value;

return json;

};

var json = arr.reduce(callbackfn, {});

console.log(json);

Resultado: { '0': 'x', '1': 'y', '2': 'z' }

Descargar Ejecutar código

4. Uso `Array.prototype.forEach()` función

los forEach() El método se puede usar para ejecutar una función para cada elemento de la array.

var arr = [ 'x', 'y', 'z' ];

var json = {};

arr.forEach((value, index) => json[index] = value);

console.log(json);

Resultado: { '0': 'x', '1': 'y', '2': 'z' }

Descargar Ejecutar código

Alternativamente, puede iterar sobre la array y construir un objeto json.

var arr = [ 'x', 'y', 'z' ];

var json = {};

for (var i = 0 ; i < arr.length; i++) {

json[i] = arr[i];

}

console.log(json);

Resultado: { '0': 'x', '1': 'y', '2': 'z' }

Descargar Ejecutar código

Se trata de convertir una array en un JSON en JavaScript.

Convierta una array en un JSON en JavaScript

1. Usando el operador de propagación

2. Usando Object.assign() función

3. Usando Array.prototype.reduce() función

4. Uso Array.prototype.forEach() función

2. Usando `Object.assign()` función

3. Usando `Array.prototype.reduce()` función

4. Uso `Array.prototype.forEach()` función