javascript - 循环结构中的多个数组

Question

我想不出一种同时遍历两个数组的方法。此代码用于将函数的数据输出到页面上的不同 div。array1定义输入并array2定义输出。

如何循环遍历两个数组，以便item1始终与'#div1'、item2with'#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

您可以一次迭代两个数组。为了安全起见，只需检查您的索引变量（'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
}

当然，您可以在一个循环中完成此操作。为了清楚起见，我在这里使用了两个（第二个仅用于记录）。

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]); 
};