javascript - JS如何在路径中包含变量？

Question

以下变量包含一个字符串，它是图像的路径。

iconBlue.image = 'http://www.site.com/icon1.jpg';

如何在此路径中包含变量？让我更详细地解释一下。假设文件夹 icon1.jpg icon2.jpg 等中有很多图标。我有一个名为 iconspec 的变量，它根据它的值（1 或 2 或 3 等）指向我必须使用的图标。

如何在路径中包含变量 iconspec？

iconBlue.image='http://www.site.com/icon"iconspec".jpg

我猜是这样的，但语法正确。

Answer 1

你只需要把它当作一个带有变量的简单字符串。

在您的情况下，您应该这样做：

iconBlue.image = 'http://www.site.com/icon'+iconspec+'.jpg';

+操作符就像 PHP 中的，.它合并字符串。

Answer 2

iconBlue.image='http://www.site.com/icon'+iconspec+'.jpg';

Answer 3

要采取一些不同的路线，您可以将串联封装在一个函数中并使其更具可重用性：

var icon = function(){
    this.path = '';
    this.imageName = '';

    this.imagePath = function() { return this.path + '/' + this.imageName };
};


var iconBlue = new icon(),
    iconRed = new icon();
iconBlue.path = "c:\\stuff";
iconBlue.imageName = "icon1.jpg";

iconRed.path="c:\\morestuff";
iconRed.imageName = "icon2.jpg";

alert(iconBlue.imagePath());
alert(iconRed.imagePath());

Answer 4

最简单的解决方案是使用 将+变量连接到字符串：

var name = 'sachleen';
var result = 'my name is ' + name;

Output: my name is sachleen

还有几个更强大的选项可用。

JavaScript sprintf()是sprintfJS 的实现。

JS中的string.format