Работа с массивом объектов

Есть массив объектов, нужно чтобы при клике на кнопку, в этот массив записывался объект, а на повторный клик, удалялся из массива

function(post) {
  if (this.listFavorite.length != 0) {
    for (var i = 0; i < this.listFavorite.length; i++) {
      if (this.listFavorite[i].ID_dish === post.ID_dish) {
        //this.listFavorite.pop();
        this.listFavorite.splice[i, 1];
        i--;
        console.log("delete");
        break;
      } else {
        this.listFavorite.push(post);
        break;
      }
    }
  } else {
    this.listFavorite.push(post);
  }
}

Записываю объект нормально, но он не удаляется. пробовал через .pop(), работает нормально, но не подходит т.к удаляет с конца массива. Так же пробовал через delete но в массиве остается undefined. В функцию поступает объект такого вида: