javascript - 在javascript中一次合并2个动态数组1个元素

Question

我有 2 个 HTML 元素的动态数组

假设有数组 A = [1, 2 , 3]，数组 B = [4, 5, 6, 7, 8](它们有不同的长度，可以随时间变化)

我需要一种方法来合并它们以创建数组 C，这样数组 C 将是 A 的 1 个元素，然后是 B 的 1 个元素，然后是 A 的 1 个元素的混合......等等，直到它们都是完成。

例如:我需要数组 C = [1, 4, 2, 5 , 3, 6, 7, 8]

有没有办法让我使用 javascript 或 jquery 来做到这一点？

Answer 1

一种选择是使用经典的 for 循环。使用 Math.max 获得更长的长度。

let A = [1, 2, 3];
let B = [4, 5, 6, 7, 8];
let C = [];

for (i = 0; i < Math.max(A.length, B.length); i++) {
  if (A[i]) C.push(A[i]);  //Push if A[i] exist
  if (B[i]) C.push(B[i]);  //Push if B[i] exist
}

console.log(C);

如果 A 的数组元素多于 B

，也会起作用

let A = [1, 2, 3, 4, 5, 6, 7];
let B = [8, 9, 10];
let C = [];

for (i = 0; i < Math.max(A.length, B.length); i++) {
  if (A[i]) C.push(A[i]);
  if (B[i]) C.push(B[i]);
}

console.log(C);