JavaScript数组批量删除某一类型元素

举例

需求：删除数组[1, 3, 5，5, 6, 8, 9]中的数字5；代码实现：

//方法一	逆向循环遍历数组
let arr = [1, 3, 5, 5, 6, 5, 9];
for (let i = arr.length - 1; i >= 0; i--) {
    if (arr[i] === 5) {
        arr.splice(i, 1);
    }
}
console.log(arr);//输出结果：[1, 3, 6, 9]

//方法二	使用数组自带filter方法(该方法返回一个新数组存储满足条件的元素，内存开销略微增加)
let arr = [1, 3, 5, 5, 6, 5, 9];
let newArr = arr.filter(function (value, index) {
    return value != 5;
});
console.log(newArr);//输出结果：[1, 3, 6, 9]

扩展

可能看上面的数字剔除需求，你并没有太多的感触。但试想一下，现有一个需求：现有一款投注类小游戏，有三个下注区，要求有一个clear功能(点击后，用户已下注的筹码全部移除)。

需求实现方式：
1、创建三个数组(也可以理解为队列)，数组里存放的是一个个的筹码对象(下注时推入)。

2、给筹码对象添加一个type属性，用来标记是自己下注||他人下注，type取值(string类型)：self 自己 other 他人。

3、当玩家点击clear功能时，遍历这三个队列，将筹码对象的type值为“self”的筹码从父节点移除，并将该原素指向为null。这样就基本完成了功能的初步实现。

4、此时打印三个队列，你会发现，数组里面存储了很多null原素。为了加速数据的循环遍历以及队列维护，我们需要把数组里面已删除的筹码，即null原素给全部移除。

5、通过上述所讲的逆序for循环即可实现数组原素的批量移除及逻辑实现。

至此，完毕。该篇文章仅供自身加深记忆和学习使用。