Array of objects on Vue method

Question

I have an object of type "Sorteio" and inside it a vector of objects of type "Resultado", specifically 6 Resultados. I'm instantiating them this way:

saveSorteio() {
      var data = {
        loteria: this.sorteio.loteria,
        resultados: [
          {
            valor: this.sorteio.resultados[0].valor,
            animal: this.sorteio.resultados[0].animal
          },
          {
            valor: this.sorteio.resultados[1].valor,
            animal: this.sorteio.resultados[1].animal
          },
          /* ... */
        ]
      };
}

Is there another way to instantiate the 6 at once or do I need to keep calling index by index?

try to make a loop through that array

Boussadjra Brahim
– Boussadjra Brahim

2019-04-17 18:21:59 +00:00
Commented Apr 17, 2019 at 18:21 — Boussadjra Brahim
– Boussadjra Brahim, Commented Apr 17, 2019 at 18:21

Mark · Accepted Answer · 2019-04-17 18:23:03Z

1

You can use #array.map() to make an array that pulls out these properties:

saveSorteio() {
    var data = {
      loteria: this.sorteio.loteria,
      resultados = this.sorteio.resultados.map(({valor, animal}) => ({valor, animal}))

        /* ... */

    };
}

For example:

sorteio = {
    resultados: [
        {valor: "v1", animal: 'a1', somethingelse:"else"},
        {valor: "v2", animal: 'a2', somethingelse:"else"},
        {valor: "v3", animal: 'a3', somethingelse:"else"}
    ]
}
let newArray = sorteio.resultados.map(({valor, animal}) => ({valor, animal}))
console.log(newArray)

answered Apr 17, 2019 at 18:23

Mark

92.6k8 gold badges116 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Luccas Freitas Over a year ago

Thanks! This is the answer I was looking for.

Collectives™ on Stack Overflow

Array of objects on Vue method

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related