How can i remove one object from object array using vuejs

Question

I have an object of object array in json format.I want to remove one object form this object array using vuejs.

vuejs

export default {
  components: { leftmenu, countDown, timer, Header },
  data() {
    return {
      this.orders = {"data":{"175":{"details":[{"order_id":175,"item_id":1,"item_name":"pizza"},{"order_id":175,"item_id":2,"item_name":"burger"}]},"173":{"details":[{"order_id":175,"item_id":1,"item_name":"pizza"}]}}}
    };
  },
}

I have tried to remove object which have key 175 using below code.But did not work.

        const filtersList = Object.keys(this.orders.data).filter(
         (element) => element !== index
       );
       this.orders = filerslist

Object.keys(this.orders) will only return 'data'

Wimanicesir
– Wimanicesir

2022-04-11 07:02:00 +00:00
Commented Apr 11, 2022 at 7:02 — Wimanicesir
– Wimanicesir, Commented Apr 11, 2022 at 7:02

RenaudC5 · Accepted Answer · 2022-04-11 07:04:41Z

2

You can use the delete keyword (documentation here) to remove keys from objects

const orders = {
  "data": {
    "175": {
      "details": [{
        "order_id": 175,
        "item_id": 1,
        "item_name": "pizza"
      }, {
        "order_id": 175,
        "item_id": 2,
        "item_name": "burger"
      }]
    },
    "173": {
      "details": [{
        "order_id": 175,
        "item_id": 1,
        "item_name": "pizza"
      }]
    }
  }
}

delete orders.data["175"]
console.log(orders)

answered Apr 11, 2022 at 7:04

RenaudC5

3,8591 gold badge13 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

How can i remove one object from object array using vuejs

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