Convertir objeto en un array en JavaScript

Harshit Jindal 12 octubre 2023
  1. Use Object.keys() y map() para convertir un objeto en un array en JavaScript
  2. Utilice Object.entries() para convertir un objeto en un array en JavaScript
Convertir objeto en un array en JavaScript

Los objetos son tipos de datos no primitivos que forman los componentes básicos del JavaScript moderno. A diferencia de los tipos de datos primitivos que son singulares, los objetos pueden constituir varios tipos de datos primitivos de forma compleja.

un array es una sola variable que se utiliza para almacenar una lista de elementos. Este tutorial explica cómo convertir un objeto en un array de pares clave-valor en JavaScript.

Use Object.keys() y map() para convertir un objeto en un array en JavaScript

El método Object.keys() ayuda a recuperar todas las propiedades enumerables de un objeto en un array de cadenas. Toma el objeto obj como argumento, y podemos agregar una función de devolución de llamada para obtener el resultado deseado.

Para convertir un objeto en un array, primero llamamos al método Object.keys() en el objeto, y luego llamamos a la función map() en su salida para mapear la clave y el valor del objeto en la matriz correspondiente . Contendrá las propiedades en el mismo orden que el objeto.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});
console.log(arr);

Producción :

[[1, 37], [2, 3], [23, 40], [41, 220], [115, 230]]

Utilice Object.entries() para convertir un objeto en un array en JavaScript

El método Object.entries() funciona de manera similar al método Object.keys(), y también puede usarlo para convertir un objeto en un array. Pero solo devolvió las claves, y tuvimos que usar la función map() para recrear las propiedades enumerables del objeto en la matriz.

Object.entries() simplifica la tarea al devolver directamente la respuesta en un array. Al igual que Object.keys(), las propiedades se devuelven en el mismo orden que el objeto.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.entries(obj);
console.log(arr);

Producción :

[
  [ '1', 37 ],
  [ '2', 3 ],
  [ '23', 40 ],
  [ '41', 220 ],
  [ '115', 230 ]
]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Artículo relacionado - JavaScript Object

Artículo relacionado - JavaScript Array