Convertir objeto en un array en JavaScript
-
Use
Object.keys()
ymap()
para convertir un objeto en un array en JavaScript -
Utilice
Object.entries()
para convertir un 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 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.
LinkedInArtículo relacionado - JavaScript Object
- Buscar objetos desde un array en JavaScript
- Buscar objeto en matriz por valor de propiedad en JavaScript
- Imprimir objetos en JavaScript
- Objeto de destrucción de JavaScript
- Obtenga el valor del objeto mediante una referencia a la clave
- Ordenar un array de objetos por clave única con valor de fecha