js教程-数组循环删除错误实现与解决方案

问题描述

简单的需求，要删除数组中不符合条件的元素。

错误实现

最初的实现，foreach循环，发现就是不对。

// 如果学科存在id
if (discipline.id) {
    // foreach类别
    angular.forEach(result, function(value, key) {
        // 如果该类别有对应学科(考虑到“请选择的情况下”会报从undefined上获取id)
        // 并且该学科类别id不等于传入学科id
        if (value.discipline && !angular.equals(value.discipline.id, discipline.id)) {
            // 移除不符合要求的元素
            result.splice(key, 1);
        }
    });
}

每次删除时，都是根据key进行删除的，但是删除之后，数组的长度就会发生变化，导致下次再根据key去删除，发现长度变了，我们想删除的元素的位置也变了。

解决方案

在Java中，我们使用iterator方法拿到其迭代对象，然后对其进行修改。

// 如果学科存在id
if (discipline.id) {
    /**
     * 数组过滤
     * 接收一个函数，根据该函数返回为true/false
     * 决定该元素保留还是删除
     */
    result = result.filter(function(value) {
        // 兼容请选择项，默认保留
        if (!value.discipline) {
            return true;
        }
        // 保留器具类别的学科id与当前学科id相同的项
        return angular.equals(value.discipline.id, discipline.id);
    });
}

相关文章：

JavaScript中关于for循环删除数组元素内容时出现的问题

一个关于数组循环的问题

以上就是js教程 - 数组循环删除错误实现与解决方案的详细内容，更多请关注Gxl网其它相关文章！