在js中,数组元素删除非常不方便,只能通过索引去删除,如果有一个方法可以像Java8里面的removeIf好用就好了。
上代码:
声明方法:
Array.prototype.removeIf = function (target) {
// 定义需要移除元素的索引集合
let indexList = [];
// 遍历当前数组
for (let i = 0; i < this.length; i++) {
// 把数组的每一个元素传进目标方法,判断是否符合移除条件
if (target(this[i]) === true) {
// 需要被移除元素的索引值从大到小排列
indexList.unshift(i);
}
}
// 索引值从大到小排列是为了从后面删除元素
// 如果先移除前面的元素,那么后面需要被移除的元素索引值将会被改变
for (let index of indexList) {
this.splice(index, 1);
}
// 如果有进行移除操作则返回true
// 没有符合条件的元素则返回false
return indexList.length > 0;
};
测试:
// 定义数组
let data = [
{
id: 1,
name: 'dog'
},
{
id: 2,
name: 'cat'
},
{
id: 3,
name: 'cat'
},
{
id: 4,
name: 'tiger'
},
];
// 深拷贝对象,防止控制台打印不准
console.log("before");
console.log(JSON.parse(JSON.stringify(data)));
// 移除name为cat的元素
data.removeIf((item) => item.name === 'cat');
console.log("after");
console.log(JSON.parse(JSON.stringify(data)));
运行结果: