Impossibile copiare un array su un array utilizzando vue.js

Question

Ho una casella di selezione multipla che utilizza il componente di selezione vuetify. Ricevo un array di elementi selezionati e desidero unire lo stato come vero per gli elementi selezionati come [ { "ward": 1, "status": true }, { "ward": 2, "status": true} ]se stessi cercando di copiare gli elementi selezionati dell'array su un altro array ma non riesco. In console, ho selezionatoFruits come di seguito.

 methods: {
    save() {
      console.log(this.selectedFruits);
      debugger;    
      this.selectedIndex.push({ ward: this.selectedFruits, status: true });
      console.log(this.list);
    },

Answer 1

Puoi provare questo

save(){
  this.list = []
  this.selectedFruits.forEach(e => {
      this.list.push({ ward: e, status: true });
    });
    console.log(this.list)
}

Answer 2

Se vuoi copiare un array o un oggetto senza passarlo per riferimento, fallo in questo modo

const newArray = JSON.parse(JSON.stringify(oldArray));

Answer 3

Puoi usare lo Spread-Operator per questo.

Ecco un esempio:

const existingArr = [{ hi: 'foobar' }];
const arr = [{ a: 'foo', b: 'bar'}, { a: 'hello',  b: 'world'}]
const newArr = [...existingArr, ...arr]

console.log(newArr)