如何在JavaScript中逐个元素交替合并两个动态数组？

当然可以搞定！这种交替合并两个数组的需求，用JavaScript或者jQuery都能轻松实现，我给你详细说下具体方案：

这是最基础也最通用的方式，核心思路是先拿到两个数组的最大长度，然后循环遍历每个索引，依次把两个数组对应位置的元素（如果存在的话）加入结果数组：

function mergeAlternately(arrA, arrB) {
  const mergedArray = [];
  // 获取两个数组中较长的那个的长度
  const maxLen = Math.max(arrA.length, arrB.length);

  for (let i = 0; i < maxLen; i++) {
    // 先检查A数组当前索引是否有元素，有就加入结果
    if (i < arrA.length) {
      mergedArray.push(arrA[i]);
    }
    // 再检查B数组当前索引是否有元素，有就加入结果
    if (i < arrB.length) {
      mergedArray.push(arrB[i]);
    }
  }

  return mergedArray;
}

// 测试你给出的示例
const arrayA = [1, 2, 3];
const arrayB = [4, 5, 6, 7, 8];
const arrayC = mergeAlternately(arrayA, arrayB);
console.log(arrayC); // 输出: [1, 4, 2, 5, 3, 6, 7, 8]

这个方法完全兼容两个数组长度变化的情况——不管哪个数组更长，剩下的元素都会按顺序追加到结果末尾，完美符合你的需求。而且如果你的数组元素是HTML元素（比如DOM节点），这个逻辑同样适用，直接push元素到数组就行，后续渲染的时候遍历数组插入页面即可。

其实jQuery本身没有专门提供交替合并数组的工具函数，但因为jQuery是基于JavaScript的库，上面的纯JS代码可以直接在jQuery环境中运行。如果你想把它封装成jQuery的工具方法，也可以这么写：

// 给jQuery扩展一个自定义的合并方法
$.extend({
  mergeAlternately: function(arrA, arrB) {
    const mergedArray = [];
    const maxLen = Math.max(arrA.length, arrB.length);

    for (let i = 0; i < maxLen; i++) {
      if (i < arrA.length) mergedArray.push(arrA[i]);
      if (i < arrB.length) mergedArray.push(arrB[i]);
    }

    return mergedArray;
  }
});

// 使用方式
const arrayC = $.mergeAlternately([1,2,3], [4,5,6,7,8]);
console.log(arrayC); // 同样得到目标结果

注意：jQuery自带的$.merge()方法只是简单地把第二个数组的元素追加到第一个数组后面，不符合你要的交替规则，所以还是需要自定义这个逻辑。

内容的提问来源于stack exchange，提问作者Mie ElMansy