如何在Laravel项目中按特定规则合并JavaScript数组

嘿，这个需求很好实现，咱们可以用灵活的方式来处理，不管后续数组数量有没有变化，都能轻松应对。下面给你两种可行的方案：

方案一：推荐的灵活批量处理方式 #

首先，咱们把单独的_arr1、_arr2这些数组放到一个容器数组里，这样就能通过遍历批量操作，不用一个个手动写逻辑：

// 把需要更新的数组统一放到一个容器中
const targetArrays = [_arr1, _arr2, _arr3, _arr4];

// 封装一个通用的添加函数
function updateTargetArrays(secArray) {
  // 遍历_secArra的每个元素，对应到目标数组的位置
  secArray.forEach((item, index) => {
    // 做个安全判断，防止_secArra长度超过目标数组数量导致报错
    if (targetArrays[index]) {
      targetArrays[index].push(item);
    }
  });
}

// 第一次调用，处理初始的_secArra
updateTargetArrays(_secArra);

// 后续有新的_secArra时，直接调用这个函数就行
updateTargetArrays([111, 222, 333, 444]);

这样做的好处是扩展性极强——以后如果新增_arr5，只需要把它加到targetArrays里，函数逻辑完全不用改。而且安全判断能避免数组越界的问题。

方案二：直接针对单个数组操作（适合固定数量的场景） #

如果你的数组数量固定不变，也可以直接按索引逐个操作，虽然灵活性差一点，但逻辑更直观：

function updateSingleArrays(secArray) {
  // 逐个判断元素是否存在，然后添加到对应数组
  if (secArray[0] !== undefined) _arr1.push(secArray[0]);
  if (secArray[1] !== undefined) _arr2.push(secArray[1]);
  if (secArray[2] !== undefined) _arr3.push(secArray[2]);
  if (secArray[3] !== undefined) _arr4.push(secArray[3]);
}

// 使用方式和上面一致
updateSingleArrays(_secArra);

效果验证 #

调用函数后，你的数组就会变成预期的样子：

// 调用后
_arr1 = [213, 232];
_arr2 = [323, 423];
_arr3 = [342, 422];
_arr4 = [231, 423];

以后每次有新的_secArra，只要传入封装好的函数，就能自动完成对应位置的元素添加啦！

内容的提问来源于stack exchange，提问作者Inspired Prynce Kaka