如何用Ramda或纯JS实现稀疏数组的外连接型Zip操作？

这个需求我之前也碰到过，稀疏数组的遍历确实容易踩坑，下面给你两种函数式实现方案，纯JS和Ramda版本都能完美满足你的需求：

纯JavaScript实现 #

核心思路很简单：先拿到两个数组的最大长度，然后遍历每个索引位置——不管数组是不是稀疏，直接通过索引取值时，空槽位会自动返回undefined，正好契合我们的外连接需求：

const zipSparse = (arr1, arr2) => {
  // 确定需要遍历的最大长度，覆盖两个数组的所有索引
  const maxLength = Math.max(arr1.length, arr2.length);
  // 生成对应长度的数组，每个位置取两个数组的对应元素
  return Array.from({ length: maxLength }, (_, idx) => [
    arr1[idx],
    arr2[idx]
  ]);
};

测试你的示例：

const a = ['a', 'b'];
a[3] = 'c'; // 此时a是稀疏数组：["a", "b", <1 empty slot>, "c"]

console.log(zipSparse([1, 2, 3, 4], a));
// 输出：[[1, 'a'], [2, 'b'], [3, undefined], [4, 'c']]

Ramda实现 #

如果习惯用Ramda的函数式风格，我们可以用R.range生成连续的索引序列，再通过R.map映射每个索引对应的元素对：

const zipSparse = R.curry((arr1, arr2) => {
  const maxLen = Math.max(R.length(arr1), R.length(arr2));
  return R.map(idx => [arr1[idx], arr2[idx]], R.range(0, maxLen));
});

要是想更贴合Ramda的管道式写法，也可以改成这样：

const zipSparse = R.curry((arr1, arr2) => 
  R.pipe(
    R.max(R.length(arr1)),
    R.range(0),
    R.map(idx => [arr1[idx], arr2[idx]])
  )(R.length(arr2))
);

这个实现还支持柯里化，你可以提前绑定其中一个数组，比如const zipWithA = zipSparse(a)，之后直接传入另一个数组就能快速完成配对，非常灵活。

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