El problema es que si los concatenas, sencillamente pone un array luego del otro, para mezclar una letra y un número, siempre que se length sea igual podrías hacer algo así:
function mezclarArreglos(arr1,arr2){
let newArray = []
for (let i = 0; i < arr1.length; i++) {
newArray.push(arr1[i],arr2[i])
}
return newArray
}
mezclarArreglos([1,2,3,4],["a","b","c","d"]) // Devuelve [1, 'a', 2, 'b', 3, 'c', 4, 'd']
Lo que hace es agrega a newArray el valor de arr1 con el índice I y el valor de arr2 con el mismo índice, y va corriendo el índice, entonces agrega, primera caracter de arr1 y primer caracter de arr2, luego segundo y segundo y así consecutivamente. Finalmente al terminar el for retorna newArray.
En caso de que el largo de los array pueda o no ser diferente, podrías hacer algo así:
function mezclarArreglos(arr1, arr2) {
//Definimos variable donde guardaremos el largo del array más largo
let mostLargeArray = 0;
//Chequeamos cual es el más largo y depositamos su length en mostLargeArray
if (arr1.length >= arr2.length) {
mostLargeArray = arr1.length;
} else {
mostLargeArray = arr2.length;
}
//Definimos variable que depositará los valores para retornar al final
const newArray = [];
//Generamos con el for la cantidad de iteraciones en base array más largo.
for (let i = 0; i < mostLargeArray; i++) {
//Verificamos si arr1 o arr2 tiene valor y solo si tiene valor lo agregamos a newArray
if (arr1[i]) {
newArray.push(arr1[i]);
}
if (arr2[i]) {
newArray.push(arr2[i]);
}
}
//Retornamos newArray completo
return newArray;
}
mezclarArreglos([1, 2, 3, 4], ["a", "b", "c", "d"]); // [1, 'a', 2, 'b', 3, 'c', 4, 'd']
mezclarArreglos([1, 2, 3, 4,5,6], ["a", "b", "c", "d"]); //[1, 'a', 2, 'b', 3, 'c', 4, 'd', 5, 6]
mezclarArreglos([1, 2, 3, 4], ["a", "b", "c", "d","e","f"]);//[1, 'a', 2, 'b', 3, 'c', 4, 'd', 'e', 'f']
Si cuando un array es más corto el se debe traer del otro solo la misma cantidad de caracteres, podrías hacer lo siguiente:
function mezclarArreglos(arr1, arr2) {
//Definimos variable donde guardaremos el largo del array más corto
let mostShortArray = 0;
//Chequeamos cual es el más corto y depositamos su length en mostShortArray
if (arr1.length <= arr2.length) {
mostShortArray = arr1.length;
} else {
mostShortArray = arr2.length;
}
//Definimos variable que depositará los valores para retornar al final
const newArray = [];
//Generamos con el for la cantidad de iteraciones en base array más corto.
for (let i = 0; i < mostShortArray; i++) {
//Agregamos el valor de arr1 y de arr2 con el indice "i"
newArray.push(arr1[i],arr2[i]);
}
//Retornamos newArray completo
return newArray;
}
mezclarArreglos([1, 2, 3, 4], ["a", "b", "c", "d"]); //[1, 'a', 2, 'b', 3, 'c', 4, 'd']
mezclarArreglos([1, 2, 3, 4, 5, 6], ["a", "b", "c", "d"]); //[1, 'a', 2, 'b', 3, 'c', 4, 'd']
mezclarArreglos([1, 2, 3, 4], ["a", "b", "c", "d", "e", "f"]); //[1, 'a', 2, 'b', 3, 'c', 4, 'd']
Dejé todo comentado para que se entienda como funciona, espero ayude, quedo a las órdenes.