Question

我有50个名为animation0，animation1，animation2等的svg动画，我想在将0到49的整数传递给此函数时加载它们：

function loadAnimation(value){
    var whichswiffy = "animation" + value;
    var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), whichswiffy);
    stage.start();
}

此刻它不起作用，也许它正在传递'whoswiffy'而不是动画10？

有什么想法吗？

Answer 1

“我有50个svg动画，名为animation0，animation1，animation2等。”

使用全局变量

我认为这意味着你有变量。如果它们是全局变量，则可以将它们作为全局对象的属性进行访问。

var whichswiffy = window["animation" + value];

使用对象而不是变量

但是如果它们不是全局变量（或者即使它们是），那么最好将它们存储在对象中......

var animations = {
    animation0: your first value,
    animation1: your second value,
    /* and so on */
}

...然后将它们作为该对象的属性进行访问...

var whichswiffy = animations["animation" + value];

使用数组而非变量

或者更好的是，只使用数组，因为唯一的区别是数字......

var animations = [
    your first value,
    your second value,
    /* and so on */
]

然后只使用索引......

var whichswiffy = animations[value];

Answer 2

如果您的变量是全局变量，则可以执行

var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), window[whichswiffy]);

如何传递一个整数来创建新的变量名？

2 个答案: