javascript - javascript - 连接两个变量

Question

我有几个（一百个）变量：

var image1 = 'xxxx';
var image2 = 'yyyy';
var image3 = 'zzzz';

ETC...

我正在尝试使用while循环将这些图像合并到这样的函数中：

i = 0;
while (i<100) {
    $("#somediv").append(image + i);
    }

我理解为什么这不起作用，因为它首先会查找一个变量image，然后将变量附加i到该变量上。

我怎样才能做到这一点？首先将变量命名为数组？我对javascript不太熟悉，并且更了解PHP。在 PHP 中，我可以做function $var($i)并增加 $i++。

谢谢你的帮助！

Answer 1

不要为每个图像设置单独的变量，而是考虑使用一个数组并对其进行迭代。

var images = ['xxxx', 'yyyy', 'zzzz'];

for (var imageIndex = 0; imageIndex < images.length; imageIndex++) {
    $("#somediv").append(images[imageIndex]);
}

Answer 2

考虑使用数组文字：

var images = [
      'xxxx',
      'yyyy',
      'zzzz'
   ],
   somediv = $('#somediv');

for (i = 0, l = images.length; i < l; i += 1) {
   somediv.append(images[i]);
}