Множество массивов в структуре контура

Question

Я не могу придумать способ циклического преобразования двух массивов одновременно. Этот код предназначен для вывода данных функции в разные 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])); 
}; 

Могу ли я по крайней мере, правильно обвести свою функцию в цикле?

Спасибо!

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. Вероятно, вы захотите создать объект jQuery без значений array2. При использовании цикла for переменная i будет увеличиваться, и вы можете использовать ее для доступа к элементам массива. Так как вы хотите, тот же индекс обоих массивов, используя этот цикл должен хорошо работать

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