如何在JavaScript中通过问题ID获取对应表单答案对象的元素？

以下是几种实用的实现方式，根据你的使用场景选择：

1. 单次查找用Array.find() #

这是最直接的方式，适合只需要查找一次的场景：

// 假设你的答案数组为answers
const targetQuestionId = "64c3980b7e457155fed418db";
// 找到匹配问题ID的对象
const matchedItem = answers.find(item => item.q === targetQuestionId);
// 安全获取答案文本，避免找不到时报错
const answerText = matchedItem ? matchedItem.t : "未找到对应答案";

find()会返回数组中第一个符合条件的元素，找不到则返回undefined，所以要做空值判断避免报错。

2. 多次查找用映射对象（Map/普通对象） #

如果需要反复根据问题ID查找答案，先把数组转换成映射结构，后续查找效率更高：

方法A：转换成普通对象 #

// 将数组转换为以问题ID为键、答案文本为值的对象
const answerMap = Object.fromEntries(answers.map(item => [item.q, item.t]));
// 通过ID直接获取答案
const targetQuestionId = "64c3980b7e457155fed418db";
const answerText = answerMap[targetQuestionId] || "未找到对应答案";

方法B：使用Map对象 #

const answerMap = new Map(answers.map(item => [item.q, item.t]));
const targetQuestionId = "64c3980b7e457155fed418db";
// Map的get方法找不到时返回undefined
const answerText = answerMap.get(targetQuestionId) || "未找到对应答案";

3. 匹配多个相同ID的答案 #

如果存在多个相同问题ID的答案（比如表单允许多次提交同一问题），用Array.filter()获取所有匹配项：

const targetQuestionId = "64c3980b7e457155fed418db";
const matchedItems = answers.filter(item => item.q === targetQuestionId);
// 提取所有答案文本组成数组
const answerTexts = matchedItems.map(item => item.t);

内容的提问来源于stack exchange，提问作者j.colin