JS/JavaScript 实现 Java8 Collection.removeIf 方法

在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)));

运行结果:

运行结果


版权声明:本文为qq_20024105原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。