javascript - 关于JS对象赋值的问题

Question

javascriptvar a = {data:[{title:'标题1', index:0}, {title:'标题2', index:1}, {title:'标题3', index:2}, {title:'标题4', index:3}]};
var b = a.data;
var c = [];
var current = 2;
for(var i in b) {
    if(i != current) {
        c.push(b[i]);
        c[(c.length-1)].index = c.length-1;
    }
}
console.log(c);
console.log(a);

上面一段代码里面为什么在对象a中标题4对应的index值变成了2

另外，如果想不该变a的值应该怎么做

Answer 1

当循环到最后一次的时候（此时i=3），执行到关键的地方：

c[(c.length - 1)].index = c.length - 1;

此时c.length = 3，c[(c.length-1)]为对象{title:'标题4', index:3}的引用，改变c[(c.length - 1)].index相当于改变a['data'][3]的index值。

如果要保证不改变a，只要采用对象拷贝来规避对象引用即可，主要代码如下：

for (var i in b) {
    if (i != current) {
        c.push(clone(b[i]));
        console.log(c.length - 1);

        c[(c.length - 1)].index = c.length - 1;
    }
}
// 浅拷贝
function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
    }
    return copy;
}

Answer 2

javascript中的深拷贝，浅拷贝的问题。
MackingBird回答的已经很好了。
我补充一点：
var a = {data:[{title:'标题1', index:0}, {title:'标题2', index:1}, {title:'标题3', index:2}, {title:'标题4', index:3}]};
var b = a.data;
其实b和a是指向同一内存中的同一地址(好像有点不准确，毕竟a和b不相等)，应该说，b和a.data是指向同一内存中同一地址的。接着MackingBird的回答

当循环到最后一次的时候（此时i=3），执行到关键的地方：

c[(c.length - 1)].index = c.length - 1;
此时c.length = 3，c[(c.length-1)]为对象{title:'标题4', index:3}的引用，改变c[(c.length - 1)].index相当于改变a['data'][3]的index值。

这样就很好理解了