Unable to copy an array to an array using vue.js

Question

I have a multiple selectbox using vuetify select component. I'm getting array of selected items and I want to merge status as true of selected items like [ { "ward": 1, "status": true }, { "ward": 2, "status": true} ] I'm trying to copy selected items of array to another array but couldn't succeed. In console, I got selectedFruits as below.

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

When is save method called and what does this.selectedfruits and this.list contains — beingyogi
– beingyogi, Commented Oct 29, 2020 at 8:51
When I select from selectbox and submit form , save method is called. @deceze — prabina sht
– prabina sht, Commented Oct 29, 2020 at 8:52
And do you want [ { "ward": 1, "status": true }, { "ward": 2, "status": true} ] in this.list? — beingyogi
– beingyogi, Commented Oct 29, 2020 at 8:56

beingyogi · Accepted Answer · 2020-10-29 08:55:32Z

1

You can try this

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

answered Oct 29, 2020 at 8:55

beingyogi

1,4162 gold badges18 silver badges31 bronze badges

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

Comments

Ilya Degtyarenko · Accepted Answer · 2020-10-29 08:08:36Z

0

If you want to copy an array or object without passing it by reference, do it like this

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

answered Oct 29, 2020 at 8:08

Ilya Degtyarenko

1,60912 silver badges22 bronze badges

Comments

S.Visser · Accepted Answer · 2020-10-29 08:17:53Z

0

You can use the Spread-Operator for this.

Here an example:

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

console.log(newArr)

answered Oct 29, 2020 at 8:17

S.Visser

4,7751 gold badge25 silver badges48 bronze badges

4 Comments

prabina sht Over a year ago

When I did const newData = [({ ward: this.selectedFruits, status: true })], I'm getting newData as undefined. @S.Visser

S.Visser Over a year ago

Why are there ( ) in there?

prabina sht Over a year ago

When I remove ( ) , i'm still getting undefined. @S.Visser

S.Visser Over a year ago

Please make a jsfiddle with an example.

Collectives™ on Stack Overflow

Unable to copy an array to an array using vue.js

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related