循环结构中的多个数组

Multiple arrays in loop structure

本文关键字：数组 结构 循环      更新时间：2023-09-26

我想不出同时循环遍历两个数组的方法。这段代码用于将函数的数据输出到页面上的不同div。array1定义输入，array2定义输出。

如何循环两个数组，使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循环中包装函数是正确的吗?

谢谢!

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

使用$()创建一个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]); 
};

可以一次遍历两个数组。为了安全起见，只需检查您的索引变量('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
}
当然，您可以在一个循环中完成此操作。这里我用了两个，只是为了清晰(第二个是日志)。
相关文章：