El error es que estás usando dos ciclos, cuando solo necesitas uno, donde agregues directamente los dos elementos de cada arreglo.

Si los dos arreglos siempre van a tener la misma cantidad de elementos, agregas ambos en cada iteración del ciclo. Si pueden tener diferente cantidad solo compruebas que exista.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    function arregloUnido(arr1, arr2) {

      let arrFinal = [];
      // Suponiendo que los arreglos no sean simétricos
      let max = Math.max(arr1.length, arr2.length);
      for (i = 0; i < max; i++) {
          // En cada iteración se agrega un elemento de cada arreglo
          // Solo si existe el elemento
          if(typeof arr1[i] != 'undefined') {
              arrFinal.push(arr1[i]);
          }
          if(typeof arr2[i] != 'undefined') {
              arrFinal.push(arr2[i]);
          }
      }
      return arrFinal;
    }

    // Arreglos simétricos
    console.log(arregloUnido([1, 2, 3], ['a', 'b', 'c']));
    // No simétricos
    console.log(arregloUnido([9, 8, 7], ['z', 'y', 'x', 'w']));

<!-- end snippet -->