Javascript - 动态评估对象以更改其值

Question

>我得到了一个对象名称，set1 到 set4，我需要使用 eval（） 或窗口在循环中动态更改它们的值，下面的示例是使用 eval（），我使用了 window[] 但仍然保持相同的结果，无法使用"make+set"函数成功更改对象的值。

var set1 = {desc:"111",url:"http://photo1.com"};
var set2 = {desc:"222",url:"http://photo2.com"};
var set3 = {desc:"333",url:"http://photo3.com"};
var set4 = {desc:"444",url:"http://photo4.com"};
function make_set(set,desc,url) {
     set = {};
     set.desc = url;
     set.url = url;
    return set;
}
for (var i = 1; i < 5; i++) {
    tempSet = eval("set"+i);
    tempSet = make_set(tempSet,"new description","new url");
    console.log(tempSet)
};
console.log(set1);
console.log(set2);
console.log(set3);
console.log(set4);

我已经用函数覆盖了对象make_set但仍然无法成功更改函数的值，我在函数上做错了吗？ 还是我错过了什么？

Object {desc: "new url", url: "new url"}
Object {desc: "new url", url: "new url"}
Object {desc: "new url", url: "new url"}
Object {desc: "new url", url: "new url"}
Object {desc: "111", url: "http://photo1.com"}
Object {desc: "222", url: "http://photo2.com"}
Object {desc: "333", url: "http://photo3.com"}
Object {desc: "444", url: "http://photo4.com"}

Answer 1

您正在创建一个新对象，并对其进行tempSet设置，而不是修改现有集。

for (var i = 1; i < 5; i++) {
    tempSet = eval('set' + i + ' = make_set(tempSet,"new description","new url")');
    console.log(tempSet);
};

但是你真的不应该使用eval.

var sets = [];
sets[0] = {desc:"111",url:"http://photo1.com"};
sets[1] = {desc:"222",url:"http://photo2.com"};
sets[2] = {desc:"333",url:"http://photo3.com"};
sets[3] = {desc:"444",url:"http://photo4.com"};
function make_set(desc, url) {
    return {desc:desc, url:url};
}
for (var i = 0; i < 4; i++) {
    sets[i] = make_set("new description","new url");
    console.log(sets[i])
};
console.log(sets[0]);
console.log(sets[1]);
console.log(sets[2]);
console.log(sets[3]);

Answer 2

删除该行set = {};

它正在创建一个新对象，而不是更改传入的对象。

现场演示

有关更详细的说明，请参阅"为什么在向此对象分配其他内容时不通过引用传递此对象？"的答案。