查找所有不同嵌套数组元素的 Javascript 最佳实践

Question

有 2 个可能非常大的嵌套 JavaScript 数组。一个是当前的，另一个是该数组的先前迭代。该函数将需要找到所有不同的元素并对任何变化采取行动。

我知道如何创建一个函数来执行此操作，我想知道执行此操作的最佳实践是什么。任何好的建议将不胜感激。我正在考虑使用原生 JavaScript 和 jQuery 来处理对不同元素的响应。

这个问题涉及几件事情。

1. 比较对象的最有效方法是什么。在 javascript 检查中，通过 if，如果一个对象等于或不等于另一个对象，将总是说它不等于，即使它们相等。因此需要对对象进行分解和比较。

2. 返回结果的最佳方式是什么？您是否列出了不同之处？在遍历第一个数组时，您是清除与第一个数组中相同的对象，还是创建一个全新的数组来返回？

Answer 1

function CompareArrays(arr1, arr2){    
    for(var key in arr1){
        if( arr1[key] !== arr2[key]){
            // traverse into nested array
            if(typeof(arr1[key]) == 'object' || typeof(arr2[key]) == 'object'){                
                CompareArrays( arr1[key], arr2[key]);
            }
        }else{
                delete arr2[key];
        }
    }
}

var a1 = [1,2,3,["a","b","c"],4,5,6,["d","e","f"]];
var a2 = [1,2,5445,["a","tt","c"],4,5,336,["d","edee","ffdf"], 'blablabla', 'I\'m extra'];

CompareArrays( a1, a2 );
console.log(a2);

这将查看给定的第二个。并修改它删除任何共享的相等值。数组仍然是完整的，但任何相同的值现在都未定义。

Answer 2

就我个人而言，我认为递归对于这种情况是一种很好的做法。

console.clear();
// Compare 2 nested arrays, do something if values don't match
function CompareArrays(arr1, arr2){

    for(var i=0;i<arr1.length;i++){
        if( typeof arr1[i] === "object"){
            // traverse into nested array
            CompareArrays( arr1[i], arr2[i] );
        }else{
            if (arr1[i] != arr2[i]){
                // do something!
                console.log( "mismatch @ "+ i +" a1: "+arr1[i]+" a2: "+ arr2[i]);
            }
        }
    }
}

var a1 = [1,2,3,["a","b","c"],4,5,6,["d","e","f"]];
var a2 = [1,2,55,["a","tt","c"],4,5,6,["d","e","f"]];

CompareArrays( a1, a2);

工作小提琴：http://jsfiddle.net/ymSmP/5