Convertir objeto JSON en array de JavaScript

Shraddha Paghdar 12 octubre 2023
  1. Convierta un objeto JSON en un array en JavaScript utilizando el bucle for...in
  2. Convierta un objeto JSON en un array en JavaScript utilizando el bucle Object.entries()
Convertir objeto JSON en array de JavaScript

Como en muchos otros lenguajes de programación, los objetos en JavaScript se pueden comparar con objetos de la vida real. En JavaScript, un objeto es una entidad independiente con propiedades y un tipo.

Compáralo con una taza, por ejemplo. Un coche es un objeto con propiedades. Un automóvil tiene un color, diseño, número de modelo, marca, etc. Asimismo, los objetos de JavaScript pueden tener propiedades que definen sus características.

Los arrays son tipos especiales de objetos cuyas claves están predefinidas en forma numérica. Cualquier objeto Javascript se puede convertir en un array. Los arrays deben usar números enteros en lugar de cadenas como índices de elementos.

En este artículo, aprenderemos cómo convertir un objeto JSON en un array.

Convierta un objeto JSON en un array en JavaScript utilizando el bucle for...in

Para convertir un objeto en un array, puede usar el bucle for...in en JavaScript. Recorre en iteración todas las propiedades enumerables de un objeto que están codificadas con cadenas, incluidas las propiedades enumerables heredadas. Por ejemplo, vamos a crear un objeto con dos propiedades y convertirlo en un array utilizando el bucle for...in. Vea el código a continuación.

Sintaxis:

for (variable in object) {
  statement
}

Esta función itera el objeto. A la variable se le asigna un nombre de propiedad diferente durante cada iteración. Este método solo extrae propiedades enumerables de un objeto. Para obtener más información, lea la documentación del método for...in.

const object = {
  1: 'Hello',
  2: 'World'
};
const array = [];

for (var i in object) {
  array.push([i, object[i]]);
}
console.log(array)

En el ejemplo anterior, hemos definido dos propiedades de un objeto 1 y 2. Cuando itera el objeto, se verifican todas las propiedades del objeto y la clave, junto con el valor, se inserta en un array. Cuando ejecute el código anterior en cualquier navegador, imprimirá algo como esto.

Producción :

[["1", "Hello"], ["2", "World"]]

Convierta un objeto JSON en un array en JavaScript utilizando el bucle Object.entries()

El método Object.entries() devuelve un array de pares de propiedades enumerables de clave de cadena específicas para un objeto determinado. Corresponde a una iteración con un bucle for...in. La única diferencia es que un bucle for...in también enumera las propiedades de la cadena prototipo.

Object.entries() devuelve la array con el mismo orden que el proporcionado por un bucle for...in.

Sintaxis

Object.entries(obj);

El método entries() toma un objeto como parámetro cuyos propios pares de propiedades enumerables con clave de cadena se devuelven. Devuelve un array de los propios pares de propiedades con clave de cadena enumerables del objeto dado. Object.entries() devuelve un array cuyos elementos son pares de propiedades de clave de cadena enumerables en un objeto.

Para obtener más información, lea la documentación del método Object.entries().

const object = {
  1: 'Hello',
  2: 'World'
};

const array = []

    for (const [key, value] of Object.entries(object)) {
  array.push([`${key}`, `${value}`]);
}
console.log(array)

En el ejemplo anterior, hemos definido las dos propiedades de un array. Cuando itera el objeto usando entradas, le dará una clave y una propiedad para enviar a un array. Cuando ejecute el código anterior en cualquier navegador, imprimirá algo como esto.

Producción :

[["1", "Hello"], ["2", "World"]]
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Artículo relacionado - JavaScript JSON

Artículo relacionado - JavaScript Object