La forma más inmediata que se me ocurre de obtener un array
a partir de otro es usar Array.map()
.
De esta forma, teniendo el array
const data: [
{cant: 1, producto: "ZAPATOS"},
{cant: 9, producto: "CAMISAS"},
{cant: 30, producto: "ZAPATOS"}
];
Podrías generar un nuevo array
con la forma que tu deseas aplicando cada uno de los objetos.
Te dejo una muestra de código:
const data = [
{cant: 1, producto: "ZAPATOS"},
{cant: 9, producto: "CAMISAS"},
{cant: 30, producto: "ZAPATOS"}
];
const myParsedData = data.map(obj => [obj.producto, obj.cant])
console.log(myParsedData)
Ahora bien, si, como veo en tu pregunta, si tienes productos repetidos con cantidades diferentes, quizá deberías combinar métodos.
Por ejemplo así:
const data = [
{cant: 1, producto: "ZAPATOS"},
{cant: 9, producto: "CAMISAS"},
{cant: 30, producto: "ZAPATOS"}
];
const myParsedData = [];
data.forEach(el => {
const elementInParsedData = myParsedData.find(pos => pos[0] === el.producto);
if(elementInParsedData === undefined){
? myParsedData.push([el.producto, el.cant]);
:} else {
elementInParsedData.push(el.cant);
}
});
console.log(myParsedData)
En este caso, lo que hago es lo siguiente:
- Declaro un
Array
vacío - Itero usando el método
forEach()
realizando en cada paso lo siguiente - Se comprueba si ya existe un elemento con el valor de
producto
ya existe en el nuevo Array. - Si no existe, se añade al nuevo Array un elemento cuya posición
0
es el valorproducto
y cuya posición1
escant
. - Si existe, al elemento en cuestión se le añade una nueva posición con la
cant
del elemento actual.
Y obtengo como resultado el array que dices esperar.