函数中的 var 动态

如何解决函数中的 var 动态

对不起，我的英语不好。所以这是我的问题。我想显示图像，这些图像定义在一个 js 文件中。本示例中的 3 个图像，但它们可以超过。

在一个js文件中，我有这个代码

var med1 = {
 title: "Title",description: "Description",icon: "file/1.png"
};

var med2 = {
 title: "Other Title",description: "Other description",icon: "file/imagesecond.png"
};

var med3 = {
 title: "The title",description: "The description",icon: "file/google.png"
};

在另一个页面，我调用这个文件并执行

function affiche(a,b,c)
{
var x = document.createElement("IMG");
  x.setAttribute("src",a);
  x.setAttribute("width","100");
  x.setAttribute("height","100");
  x.setAttribute("alt",b);
  x.setAttribute("title",c);
  document.body.appendChild(x);
}

for (var i = 1; i <= 3; i++) {
console.log('med'+i);
affiche(med+i.icon,med+i.title,med+i.description)
}

在控制台中，我有 med1、med2、med3，但函数中没有定义“med”。你能帮我解决我的问题吗？

解决方法

"med+i" 不是有效的变量名。 Javascript 不会将其转换为 med1、med2 或 med3。

您要么必须分别调用方法 affiche 3 次，要么将 med1、med2 和 med3 更改为名为 med 的数组。

,

要使其实际可用和可维护，请使用数组。因此，将您的初始结构更改为数组。现在您可以添加和删除它而无需更改任何代码。

var meds = [{
    title: "Title",description: "Description",icon: "http://placekitten.com/200/300"
  },{
    title: "Other Title",description: "Other description",icon: "http://placekitten.com/150/200"
  },{
    title: "The title",description: "The description",icon: "http://placekitten.com/100/300"
  }
];

function affiche(a,b,c) {
  var x = document.createElement("IMG");
  x.setAttribute("src",a);
  x.setAttribute("width","100");
  x.setAttribute("height","100");
  x.setAttribute("alt",b);
  x.setAttribute("title",c);
  document.body.appendChild(x);
}

meds.forEach(function (med) {
  affiche(med.icon,med.title,med.description);
})

// for (var i=0; i<meds.length; i++) {
//   var med = meds[i];
//   affiche(med.icon,med.description);
// }

现在如果因为某些可怕的原因你不能改变代码而不得不使用单独的变量，你必须使用 window 对象来引用它，只要它们是全局变量。

var med1 = {
  title: "Title",icon: "http://placekitten.com/200/300"
};
var med2 = {
  title: "Other Title",icon: "http://placekitten.com/150/200"
};
var med3 = {
  title: "The title",icon: "http://placekitten.com/100/300"
};

function affiche(a,c);
  document.body.appendChild(x);
}

[1,2,3].forEach(function(x) {
  var med = window["med" + x];
  affiche(med.icon,med.description)
});

// for (var i=1; i<4; i++) {
//   var med = window["med" + i];
//   affiche(med.icon,med.description);
// }

,

谢谢epascarello，完成。

function run() {
for (var i = 1; i <= 10; i++) {
affiche(window['med'+i].icon,window['med'+i].title)
}
}

出色地完成工作。但是你能告诉我为什么 EVAL 不是好方法吗！

,

谢谢你，Russ，指导我找到这个解决方案

function run() {
for (var i = 1; i <= 10; i++) {
var med = "med";
affiche(eval(med+i).icon,eval(med+i).title)
}
}

完成工作，再次感谢。