javascript - ループ構造の複数の配列

Question

2つのアレイを同時にループする方法は考えられません。このコードは、関数のデータをページ上のさまざまなdivに出力するためのものです。array1入力をarray2定義し、出力を定義します。

2つの配列をループして、常に、、などとitem1ペアになるようにするにはどうすればよいですか。'#div1'item2'#div2'

var array1=[item1 , item2, item3, item4];
var array2=['#div1', '#div2', '#div3', '#div4'];

for (var i = 0; i < array1.length; i++) {

    //code for to populate data goes here

    item.appendTo($(array2[i]));
};

関数をforループでラップするのは少なくとも正しいですか？

ありがとうございました！

Answer 1

var array1=[item1 , item2, item3, item4];
var array2=['#div1', '#div2', '#div3', '#div4'];

for (var i = 0; i < array1.length; i++) {

    //code for to populate data goes here

    $(array1[i]).appendTo(array2[i]);

};

Answer 2

一度に2つのアレイを反復処理できます。セキュリティのために、インデックス変数（'i'）が両方の配列の長さのいずれかを超えていないかどうかを確認してください。

次に例を示します。

var array1=[item1 , item2, item3, item4];
var array2=['#div1', '#div2', '#div3', '#div4'];

var array3 = [];
for ( var i = 0; i < array1.length && i < array2.length; i++ ) {
    array3.push({
        el1: array1[i],
        el2: array2[i]
    });
}

for ( var i = 0; i < array3.length; i++ ) {
  // array3[i].el1; -- element from array1
  // array3[i].el2; -- element from array2
}

もちろん、これは1つのループで実行できます。ここでは、わかりやすくするために2つを使用しました（2つ目はロギングのみです）。

Answer 3

$（）を使用すると、jQueryオブジェクトが作成されます。おそらく、array2の値からjQueryオブジェクトを作成したいと思うでしょう。forループを使用すると、i変数がインクリメントされ、これを使用して配列メンバーにアクセスできます。これを使用して両方の配列の同じインデックスが必要なので、forループはうまく機能するはずです

var array1=[item1 , item2, item3, item4];
var array2=['#div1', '#div2', '#div3', '#div4'];

for (var i = 0; i < array1.length; i++) {
    $(array2[i]).append(array1[i]); 
};