如何用JavaScript实现从二维数组提取指定索引元素的函数？

嗨，这个需求其实有好几种简洁又优雅的实现方式，我给你分享几个最实用的方案：

方案一：用 Array.prototype.map()（首推） #

这是最直观也最符合现代JavaScript风格的写法，map 方法本身就是用来转换数组的，完美适配这个场景：

const getColumn = (arr, index) => arr.map(subArr => subArr[index]);

// 测试一下
const foo = [[5,3,2],[2,7,4],[4,6,3],[2,6,4]];
const bar = getColumn(foo, 1); 
console.log(bar); // 输出 [3,7,6,6]

为什么推荐？

• 逻辑清晰到一眼就能看懂：遍历原数组的每个子数组，取出对应索引的元素组成新数组
• 纯函数，不会修改原数组，符合函数式编程的最佳实践
• 性能高效，map 是原生优化的方法，比手动循环快很多

方案二：带边界处理的健壮版 #

如果担心有的子数组长度不够，或者传入的索引超出范围，可以加个默认值兜底，避免返回 undefined：

const getColumn = (arr, index, defaultValue = undefined) => 
  arr.map(subArr => subArr[index] ?? defaultValue);

// 测试边界情况
const fooWithShortSubArr = [[5,3],[2,7,4],[4],[2,6,4]];
const bar = getColumn(fooWithShortSubArr, 1, 'N/A'); 
console.log(bar); // 输出 [3,7,'N/A',6]

这里用了ES2020的空值合并运算符 ??，只有当子数组对应位置是 null 或 undefined 时，才会使用默认值，比 || 更精准（不会把0、''这些假值替换掉）。

方案三：用 Array.prototype.reduce()（了解即可） #

虽然 map 是最佳选择，但如果你想了解 reduce 的用法，也可以用它实现：

const getColumn = (arr, index) => 
  arr.reduce((result, subArr) => {
    result.push(subArr[index]);
    return result;
  }, []);

不过要注意：如果数组很大，这种方式的性能不如 map，因为 map 是专门为数组转换优化的API，日常开发还是优先用 map 更合适。

额外小提示：加索引合法性校验 #

如果想让函数更严谨，可以提前判断索引是否有效，避免意外错误：

const getColumn = (arr, index) => {
  if (!Array.isArray(arr) || arr.length === 0) return [];
  const maxIndex = arr[0].length - 1;
  if (typeof index !== 'number' || index < 0 || index > maxIndex) {
    throw new Error(`索引不合法，合法范围是 0 到 ${maxIndex}`);
  }
  return arr.map(subArr => subArr[index]);
};

这样如果有人传入错误的索引或者非数组参数，函数会直接抛出明确的错误提示，方便调试。

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