js对象数组怎么删除指定的对象?

Question

ts 代码

  books: any = [
    { id: 1, title: "Java" },
    { id: 2, title: "MySQL" },
    { id: 3, title: "AngularJS" }
  ]

  delete(item: {}): void {
    console.log(item)
    if (confirm("确定要删除这本书吗?")) {
      
    }
  }

html 代码

<h3>列的增加和删除</h3>
<table>
    <tr>
        <th>编号</th>
        <th>书名</th>
        <th>操作</th>
    </tr>
    <tr *ngFor="let item of books">
        <td>{{item.id}}</td>
        <td>{{item.title}}</td>
        <td>
            <button (click)="delete(item)">删除</button>
        </td>
    </tr>
</table>

我有一个对象数组, 有什么方法可以实现传对象, 在数组里删除这个对象?
如果用户点击确定后, 我根据这个item, 删除数组里的元素

Answer 1

已解决

  delete(item: {}): void {
    console.log(item)
    if (confirm("确定要删除这本书吗?")) {
      this.books.splice(this.books.indexOf(item), 1)
    }
  }

Answer 2

通过遍历并重新赋值即可。

delete(item: {}): void {
  if (confirm("确定要删除这本书吗?")) {
        books = books.filter(i => i.id !== item.id)
  }
}