码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-02-26 15:24:57      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:UNC   ted   cti   filter   ice   结果   actions   方法   com   

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

 

 

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

标签:UNC   ted   cti   filter   ice   结果   actions   方法   com   

原文地址:https://www.cnblogs.com/codebook/p/10437210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!