带有 if 语句的 $scope.watchCollection 删除数组数据

Question

所以我对 watchCollection 语句有点困惑。我正在观察我的数组对象的变化，并且我注意到每当我在 $watch 函数中使用 if 语句时，我都会删除数组的 1 个元素。我很困惑为什么 $watchCollection 函数是一个迭代过程，其中 in 重新运行数组的长度。我在下面有这个简单的手表功能：

            scope.$watchCollection('waypoints', function () {
                if (scope.waypoints.length > 1) {
                    if (scope.waypoints[scope.waypoints.length - 1] == "`") {
                        scope.waypoints.pop();
                    }
                    calculateAndDisplayRoute(directionsService, directionsDisplay, scope.waypoints);
                }
            });

当我运行 if 语句时，我从数组中丢失了一个元素。我什至创建了一个带有调试器的 jsfiddle，显示 $watch 函数会重复数组 http://jsfiddle.net/kL6909to/ 的长度。

Answer 1

根据documentation，观察到的参数（$watchCollection的第一个参数）如下：

obj 集合是通过标准 $watch 操作观察到的，并且是 在每次调用 $digest() 时检查是否有任何项目 添加、删除或移动。

观察者仅验证长度是否已更改是不够的。相反，它必须迭代数组以检查不仅长度，而且检查该数组中的任何元素是否已被修改，以及它们在观察数组中的位置。对集合的每一次修改都会发生这种情况。