一次性删除数组中的多个元素

1.删除数组中的多个元素,也就是去掉数组中不符合条件的选项

分析:用for或者forEach遍历数组的话在方法体内部 splice后数组长度发生了变化,最后得不到正确的结果。
filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 

2.解决方法:使用逆向循环 或者 Array.prototype.filter()方法

下面以angular项目中的删除已完成选项为例:

数据:

// 任务列表,true表示已完成
        $scope.todoList = [
            {id: 1, name: 'eat', completed: false},
            {id: 2, name: 'sleep', completed: false},
            {id: 3, name: 'beat dou dou', completed: true}
        ];

删除操作:

// 删除已经完成的选项,方法一是使用逆向循环,方法二是使用filter方法
        $scope.rmCompleted = function () {
            // let arr = $scope.todoList;
            // for (let i = arr.length - 1; i > 0; i--) {
            //     if(arr[i].completed){
            //         arr.splice(i, 1)
            //     }
            // }

            $scope.todoList = $scope.todoList.filter(item => !item.completed);
        }

 

 
posted @ 2019-02-26 14:39  小方块的世界  阅读(1005)  评论(0编辑  收藏  举报