Problem filtering Array in Array by date between 2 dates

Question

So I'm just using a method to filter it's working like a charm but I'm losing my original Array when there is no date between I provided (as expected). What can I do to not lose my Array.

I want this because when a person gives a new date, filter it without a reload. But I cannot do it with empty Array..

Here is my function;

filterByDate(d) {
  this.orders = this.orders.filter(
    (element) =>
      element.order.orderdate >= d[0] &&
      element.order.orderdate <= d[1]
  );
},

d[0] is fromDate, d[1] is toDate. Thanks.

filter() method creates a new array instead of changing original. Have you tried to remove items from original array without using filter() method. — Thilina Lakshan
– Thilina Lakshan, Commented Aug 22, 2020 at 4:06
No I didn't but I just don't want to touch my original Array, either way I will need to force re-render or reload the page to get original Array from api. Maybe there is a Vue way of doing this, I'm pretty new to Vue! I've just saved my Array to store and added a button to reset it's set's my original array from store, it is solving my problem actually. But If there is a better way I'm waiting for it! — L4W
– L4W, Commented Aug 22, 2020 at 4:12
Why don't you use original array from store in filterByDate(d). I mean like this, this.orders = this.originalOrders.filter(). Vuex has mapState to make this easier. — Thilina Lakshan
– Thilina Lakshan, Commented Aug 22, 2020 at 4:25
Brilliant! Never think about that. This solves my problem thanks a lot! — L4W
– L4W, Commented Aug 22, 2020 at 4:30
:) You are welcome! Can you please update your post with these information because then it is easier to understand this for someone else. — Thilina Lakshan
– Thilina Lakshan, Commented Aug 22, 2020 at 4:33

Thilina Lakshan · Accepted Answer · 2020-12-08 17:28:19Z

2

According to the comment section of problem,

filter() method doesn't modify the original array. instead, it creates a new one.
this.orders = this.orders.filter() will be caused to lose original array. Therefore, you need to store it in different variable before. (Ex: this.originalOrders)
Then this.originalOrders can be used for filtering,

filterByDate(d) {
  this.orders = this.originalOrders.filter(
    (element) =>
      element.order.orderdate >= d[0] &&
      element.order.orderdate <= d[1]
  );
},

Thanks!

edited Dec 8, 2020 at 17:28

answered Aug 22, 2020 at 4:44

Thilina Lakshan

3083 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Problem filtering Array in Array by date between 2 dates

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related