combine two arrays and create a third array using jquery

Question

I have 2 arrays, say arr1=[A,B,C,D];
and arr2= [a,b,c,d]; I want to create a third array by combining these 2 in the following way:

arr3= [A,a,B,b,C,c,D,d]; 

How can I achieve this using jquery? Please help!

Answer 1

Try to use jquery's $.merge(array1,array2) function,

var arr3 = $.merge( arr1, arr2 )

DEMO

For the format you have asked,

var arr1=['A','B','C','D'];
var arr2=['a','b','c','d'];

var arr3 = [];

for(var i=0,len=arr1.length;i<len;i++){
    arr3[arr3.length] = arr1[i];
    arr3[arr3.length] = arr2[i];
}

alert(arr3);

DEMO I

Answer 2

If you just want to alternate elements between the two arrays, and that they're always equal in length:

arr3 = [];
for (var i=0,j=arr1.length; i<j; i++) {
    arr3.push(arr1[i]);
    arr3.push(arr2[i]);
}