Skip to main content
se añadieron 31 caracteres en el cuerpo
Origen Enlace

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 valor producto y cuya posición 1 es cant.
  • 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.

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);
  
  elementInParsedData === undefined
  ? myParsedData.push([el.producto, el.cant])
  : 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 valor producto y cuya posición 1 es cant.
  • 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.

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 valor producto y cuya posición 1 es cant.
  • 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.

Origen Enlace

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);
  
  elementInParsedData === undefined
  ? myParsedData.push([el.producto, el.cant])
  : 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 valor producto y cuya posición 1 es cant.
  • 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.