如何打破递归函数内的 for 循环并在 Javascript 中返回？

Question

我正在尝试比较两个对象的键，属性值无关紧要。

var obj1 = {
    foo: {
        abc: "foo.abc",
    },
    bar: {
        aaa: {
            bbb: "bar.aaa.bbb" // <-- difference
        }
    }
};

var obj2 = {
    foo: {
        abc: "foo.abc",
    },
    bar: {
        aaa: {
            ccc: "bar.aaa.ccc" // <-- difference
        }
    }
};

// function should return true if properties are identical, false otherwise
function compareObjProps(obj1, obj2) {
    for(var prop in obj1) {

        // when comparing bar.aaa.bbb and bar.aaa.ccc
        // this does get logged, but the function doesn't return false
        if(!obj2.hasOwnProperty(prop)) {
            console.log("mismatch found");
            return false;
        }

        if(typeof(obj1[prop]) === "object") {
            compareObjProps(obj1[prop], obj2[prop]);
        }
    }

    // this always returns
    return true;
}

看来return false不是从顶层函数返回的，而是递归的。

那么当整个匹配函数执行完毕后如何返回false呢？

Answer 1

你错过了回报：

    if(typeof(obj1[prop]) === "object"
        && !compareObjProps(obj1[prop], obj2[prop]))
    {
       return false;
    }

否则递归调用的结果将被完全忽略。

Answer 2

是的，函数 B 调用的函数 A 不能告诉 B 返回。有些人建议返回递归调用的结果，但这不会给你正确的结果，因为它会导致程序返回它找到的第一个子对象是否相同，而不是如果所有对象都相同.我建议您进行此修改：

if(typeof(obj1[prop]) === "object") {
   if(!compareObjProps(obj1[prop], obj2[prop])){
      return false;
   }
}

这将使您的程序根据需要传播“假”，但如果结果为“真”，则使其继续运行。

Answer 3

试试这个：

function compareObjProps(obj1, obj2) {
    var result = true;
    for (var prop in obj1) {
        if (obj1.hasOwnProperty(prop) && !obj2.hasOwnProperty(prop)) {
            console.log("mismatch found");
            result = false;
        } else if (typeof(obj1[prop]) === "object") {
            result = compareObjProps(obj1[prop], obj2[prop]);
        }

        if (!result) {
            break;
        }
    }

    return result;
}

http://jsfiddle.net/gSYfy/4/