CODEWITHSUNDEEP
vue.js
user6085744
user6085744

Reputation: 81

How can i remove one object from object array using vuejs

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

Upvotes: -1

Views: 515

Answers (1)

RenaudC5
RenaudC5

Reputation: 3829

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)

Upvotes: 2

Related Questions