Angular : How to copy one array to another?

Question

I'm setting one array equalls to another

        orders = [
           {
            'id': PROCESSING,
            'displayName': 'Processing'
           },
           {
            'id': SHIPPED,
            'displayName': 'Shipped'
           }
        ];

        cloneOrders = [];

setOrders() {
        this.orders.forEach((order: any) => {
                this.cloneOrders = order;
        });
    }

But when I try to get values of 'cloneOrders' in another funtion it return an empty array

getOrders(status, minutes) {
        this.cloneOrders .forEach((order: any) => {
                console.log(order);
        });
    }

Both functions are in a same component. Please help me how to resolve this thanks.

You ought to be pushing them into an array: this.cloneOrders.push(order);. Make sure cloneOrders is initialized. — Fenton
– Fenton, Commented Nov 12, 2018 at 9:54
The setOrders method loops through the orders array and assign current iteration item to cloneOrders array. So when the function returned, you'll have the last item of orders stored in cloneOrders not the complete array. — Ms.Tamil
– Ms.Tamil, Commented Nov 12, 2018 at 9:55

Rahul · Accepted Answer · 2018-11-12 09:55:12Z

16

Try like this

setOrders() {
        this.cloneOrders= [...this.orders];
    }

Happy coding !!

answered Nov 12, 2018 at 9:55

Rahul

2,1382 gold badges14 silver badges30 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-11-12 09:54:34Z

2

You need .push inorder to add items to the array,

this.orders.forEach((order: any) => {
       this.cloneOrders.push(order);
 });

better way to do that with ES6 using spread operator,

setOrders() {
        this.cloneOrders= [...this.orders];
}

answered Nov 12, 2018 at 9:54

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

Sunil · Accepted Answer · 2018-11-12 10:04:08Z

1

If you want to do deep cloning -

let cloned = this.cloneOrders.map(x => Object.assign({}, x));

edited Nov 12, 2018 at 10:04

answered Nov 12, 2018 at 9:56

Sunil

11.3k2 gold badges29 silver badges48 bronze badges

Comments

Artyom Amiryan · Accepted Answer · 2018-11-12 09:54:51Z

0

you are assigning every time new object from orders to cloneOrders, you need to push that orders in cloneOrders

setOrders() {
        this.orders.forEach((order: any) => {
                this.cloneOrders.push(order);
        });
    }

answered Nov 12, 2018 at 9:54

Artyom Amiryan

2,9961 gold badge16 silver badges25 bronze badges

Comments

ishani shah · Accepted Answer · 2018-11-12 11:28:07Z

0

we can do using ES6 using spread operator

orders = [
 {'id': PROCESSING,'displayName': 'Processing'},
 {'id': SHIPPED,'displayName': 'Shipped'}
];

cloneOrders = [];

setOrders(){
  this.cloneOrders= [...this.orders];
}

answered Nov 12, 2018 at 11:28

ishani shah

464 bronze badges

Collectives™ on Stack Overflow

Angular : How to copy one array to another?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related