如何将两个JavaScript数组转换为指定格式的单个数组？

首先要明确：你描述的c = ["dry chapati" : "chapati", "less fat", "no oil"]不是合法的JavaScript数组语法——数组仅能存储值，无法包含键值对。你实际需要的应该是对象结构，即：

const c = { "dry chapati": ["chapati", "less fat", "no oil"] };

问题分析 #

你的原代码存在几个核心问题：

• 循环索引逻辑错误：i<recipe.length时，i+1会超出数组下标范围（数组长度为3时，i最大为2，i+1=3对应undefined），导致判断条件失效。
• 目标结构理解偏差：你试图修改原数组，但这和你需要的键值对关联结构不匹配。
• 重复元素处理逻辑错误：即使循环正常执行，最终只会把数组的第二个元素替换为tags数组，无法得到预期的键值对结构。

正确实现 #

场景1：数组a中所有元素相同

直接提取a的唯一值作为对象的键，将数组b作为对应的值：

const a = ["dry chapati", "dry chapati", "dry chapati"];
const b = ["chapati", "less fat", "no oil"];

// 提取a的第一个元素作为键（因为所有元素相同）
const targetKey = a[0];
const c = { [targetKey]: b };

console.log(c);
// 输出：{ "dry chapati": ["chapati", "less fat", "no oil"] }

场景2：数组a包含多个不同元素，需要分组关联

如果a中有多种不同的食谱名称，需要分别对应不同的标签数组，可以使用reduce方法分组：

const a = ["dry chapati", "dry chapati", "fried rice", "fried rice"];
// 对应a中不同食谱的标签数组
const tagGroups = [["chapati", "less fat", "no oil"], ["rice", "high fat"]];

const c = a.reduce((result, item, index) => {
  // 仅当当前食谱未被添加到结果中时，关联对应的标签数组
  if (!result[item]) {
    result[item] = tagGroups[Object.keys(result).length];
  }
  return result;
}, {});

console.log(c);
// 输出：{ "dry chapati": ["chapati", "less fat", "no oil"], "fried rice": ["rice", "high fat"] }

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