javascript - 連接兩個變量

Question

我有幾個（百）變量：

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

等等...

我正在嘗試使用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]);
}