javascript - 根据变量值在javascript中获取图像

Question

假设我相应地保存我的图像文件，保存在与 html 文件相同的文件夹中，例如Card_4_13.jpg，一般为Card_"Suit"_"Value".jpg

有没有一种方法可以使用变量 S (1-4) 和 V (1-13) 来获取卡片 Card_"S"_"V".jpg？

我打算避免创建 4*13 个“if”函数来完成这项工作。因为我还是初学者，我很好奇这是否可能。非常感谢任何回复

Answer 1

是的，您可以使用嵌套循环和字符串连接(将字符串加在一起):

for (var suit = 1; suit <= 4; ++suit) {
  for (var card = 1; card <= 13; ++card) {
    var name = "Card_" + suit + "_" + card + ".jpg";
    console.log(name);
  }
}

.as-console-wrapper {
  max-height: 100% !important;
}

...或 ES2015+ 模板文字:

for (let suit = 1; suit <= 4; ++suit) {
  for (let card = 1; card <= 13; ++card) {
    const name = `Card_${suit}_${card}.jpg`;
    console.log(name);
  }
}

.as-console-wrapper {
  max-height: 100% !important;
}