如何在JavaScript中根据索引规则基于现有数组生成新二维数组？

你的代码逻辑没有实现“元素组合”的核心需求，只是在循环中零散地push单个单词，自然得不到预期的组合结果。下面是针对需求的正确实现：

需求分析 #

根据你的预期结果，核心需求是：第一列的每个元素，与最后一列的每个元素做笛卡尔积组合，中间列取该列的非空元素（这里取各列第一个非空值），最终生成3×3=9行完整字符串。同时考虑到indexes和separators是动态的，代码需要适配任意列顺序和分隔符。

正确代码实现 #

let ar = [
  ["Training", "für", "die", "Polizei"],
  ["Trainings", "", "das", "Polizisten"],
  ["Trainingseinheit", "", "", "Militär"]
];

let indexes = [0, 1, 2, 3]; // 动态列索引，顺序/长度可修改
let separators = [' ', ' ', ' ', ' ']; // 对应列间的分隔符

// 按indexes提取每一列，过滤掉空元素
const columns = indexes.map(idx => ar.map(row => row[idx]).filter(Boolean));

// 生成多数组笛卡尔积的通用函数
function cartesianProduct(arrays) {
  return arrays.reduce((acc, curr) => {
    return acc.flatMap(prev => curr.map(item => [...prev, item]));
  }, [[]]);
}

// 生成所有组合并拼接成字符串，包装为预期的数组格式
const result = cartesianProduct(columns).map(combination => {
  return [combination.reduce((sentence, word, index) => {
    return sentence + (index > 0 ? separators[index - 1] : '') + word;
  }, '')];
});

console.log(result);

代码说明 #

1. 提取并处理列：按indexes指定的顺序提取每一列，过滤掉空元素，得到每列的可用元素列表。
2. 笛卡尔积生成：通过cartesianProduct函数生成所有列元素的笛卡尔积，确保第一列每个元素都能和其他列的所有元素组合。
3. 拼接字符串：用separators指定的分隔符拼接每个组合，最终包装成你预期的二维数组格式。

原代码问题点 #

• 循环逻辑混乱：嵌套循环没有围绕“组合元素”展开，只是重复添加单个单词到结果数组。
• 没有处理分隔符拼接：完全没考虑如何将多个元素组合成完整句子。
• 错误的条件判断：r > 1的条件毫无意义，导致大量无效的元素推送。

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