JS动态更新数组遇到的问题

最近在写大创项目，遇到一个类似 购物车 功能的需求，需要将指定的数据作批量删除。

上图：

UI有点low，不能怪我呀 ~

问题描述：

当勾选多条数据时，进行批量删除，出现了混乱。我的思路是：对勾选的数据项作一个checked属性标记，然后用forEach方法遍历原始数据数组，判断每个数据，一旦带有checked属性，就删除它。

然而在方法体内部splice都得不到正确的结果。

原因

解决：

1. 要么从后往前删
2. 要么创建一个新的数组，然后扫描当前数组，把有效数据push到新的里面去。

我的做法：