javascript - 一連の画像を配列に取得する

Question

一連の写真を配列に入れることができるかどうか疑問に思っていました。これを実現するための PHP やその他の言語の経験がまったくないため、プレーンな JavaScript を使用したいと考えています。

そこで、50 枚の画像を含む「images」というマップを作成しました。最初のものは「1」、2番目のものは「2」などと呼ばれます。それらはすべて同じタイプ (.jpg) です。

次のように手動でこれを行うことができます：

var pictures = new Array();
pictures[0] = "images/1.jpg";
pictures[1] = "images/2.jpg";
//and so on

しかし、これを行うのは狂った男だけです。また、新しい画像を「画像」フォルダーにアップロードするときは、新しい画像を手動で配列に追加する必要があるため、フォルダー内の各画像が配列に保存されているかどうかを確認する while ループについて考えていました。

Answer 1

var arr = [];
for (var i = 0, max = 50; i < max; i += 1) {
    arr[i] = "images/" + i + ".jpg";
}

画像の数を変更したい場合は、これを試してください：

function bar (numberOfImages) {
  var arr = [];
  for (var i = 0; i < numberOfImages; i += 1) {
    arr[i] = "images/" + i + ".jpg";
  }

Answer 2

あなたは試すことができます：

var pictures = new Array();
for(var x=1; x<51; x++ ) {
  pictures[x-1] = "images/"+x+".jpg";
}

Answer 3

var numberOfImages = 50; // or whatever
var im, pictures = new Array();
for (var i = 0; i < numberOfImages ; i++) {
    im = "images/" + i + ".jpg";
    pictures.push(im);
}