在展平对象时需要清晰

Question

我正在为我的应用程序进行扁平化对象处理。我得到了谷歌的功能。但我无法理解该功能。有人帮帮我吗？

这是我对细节的疑问：

var object = {
    "address" : {
        "name" : "siva"
    }
};


var flatter = function (ob) {
    var newObj = {};
    for(var i in ob) { //first time will be address but it will update immediately
        console.log(i,'1')
        if((typeof ob[i]) == 'object') {
            var cObj = flatter(ob[i]); // i am calling 2nd time, but still address is exist..how?
            for(var x in cObj) {
                console.log(i, x,'2')
                newObj[i + '.' + x] = cObj[x]; //now `i` became name, but i am getting address with name where the address label stored?
            }
        } 
        else {
            newObj[i] = ob[i];
        }

        if (($.type(ob[i])) == 'null') {
            newObj[i] = ob[i];
        }
    }
    return newObj;
};

console.log(flatter(object)); // i am getting proper result as : address.name: "siva"

//查看现场演示。

Live Demo

Answer 1

这是一个利用递归的函数。

您的第一条评论说：“第一次是地址，但它会立即更新。”我不确定你的意思。在这个例子中，i 永远等于 'address'。

当您说“我正在第二次打电话，但地址地址仍然存在......如何？” i 的值实际上仍然是地址。您只在第一次 for in 循环中运行一次，地址等于 i，因为这是对象的唯一属性。你可以看到在你递归调用 flatter 之前 i 实际上仍然是地址：

            console.log('i', i);       // address
            var cObj = flatter(ob[i]); 

接下来当你说地址现在是名称时，它实际上仍然是地址，x 等于名称。您可以在下面看到：

            for(var x in cObj) {
                newObj[i + '.' + x] = cObj[x];
                console.log('i: ', i);    // i: address
                console.log('x: ', x);    // x: name