本文详细介绍了在JavaScript中，如何通过比较两个嵌套对象（`values` 和 `points`）的键来计算特定值的总和。我们将探讨多种实现策略，包括使用嵌套的 `reduce` 方法、构建查找表以及提取符合条件的键集，以高效且清晰地聚合数据。文章将提供具体的代码示例和详细解释，帮助开发者理解并应用这些技术处理类似的数据聚合需求。
在JavaScript开发中，我们经常会遇到需要从不同数据源聚合信息的场景。一个常见的需求是，根据一个对象中的特定条件，在另一个对象中查找对应的数值并进行求和。本教程将以一个具体的示例，展示如何有效地解决这类问题。
假设我们有两个JavaScript对象：values 和 points。 values 对象存储了问题及其对应答案的状态，例如 'Q1A1': 'Yes' 或 'Q3A2': 'No'。 points 对象则存储了每个具体答案键（如 Q1A1）对应的分数。
我们的目标是：遍历 values 对象，对于其中标记为 "Yes" 的答案键，在 points 对象中查找其对应的分数，并将这些分数累加起来。如果答案标记为 "No"，则不计入总和。
以下是我们的示例数据：
立即学习“Java免费学习笔记（深入）”；
const values = {
Q1: {
Q1A1: "Yes",
},
Q2: {
Q2A1: "Yes",
},
Q3: {
Q3A2: "No",
},
};
const points = {
Q1A1: 41,
Q1A2: 0,
Q2A1: 19,
Q2A2: 0,
Q3A1: 25,
Q3A2: 5, // 注意：虽然有分数，但因 values 中 Q3A2 为 "No"，所以不应计入
};根据上述规则，我们期望的最终总和是 points.Q1A1 (41) + points.Q2A1 (19) = 60。
这种方法通过两次 reduce 操作直接遍历 values 对象并计算总和。外层 reduce 遍历 values 的顶层键（如 Q1, Q2），内层 reduce 则处理每个顶层键下的答案对象（如 { Q1A1: "Yes" }）。
const values = {
Q1: { Q1A1: "Yes" },
Q2: { Q2A1: "Yes" },
Q3: { Q3A2: "No" },
};
const points = {
Q1A1: 41,
Q1A2: 0,
Q2A1: 19,
Q2A2: 0,
Q3A1: 25,
Q3A2: 5,
};
const totalSum = Object.values(values) // 获取 values 对象中所有顶层属性的值（即 Q1, Q2, Q3 对应的对象）
.reduce((accumulator, currentObject) => { // 外层 reduce 遍历这些对象
// currentObject 示例：{ Q1A1: "Yes" }
return accumulator + Object.entries(currentObject) // 获取当前对象的所有 [键, 值] 对
.reduce((innerAccumulator, [answerKey, answerValue]) => { // 内层 reduce 处理每个答案键值对
// answerKey 示例：Q1A1, answerValue 示例：Yes
// 检查两个条件：
// 1. answerValue 不等于 'No' (即为 'Yes' 或其他非 'No' 值)
// 2. points 对象中存在对应的 answerKey 且其值为真（非0、null、undefined等）
if (answerValue !== 'No' && points[answerKey]) {
return innerAccumulator + points[answerKey];
}
return innerAccumulator;
}, 0); // 内层 reduce 的初始值为 0
}, 0); // 外层 reduce 的初始值为 0
console.log("方法一计算的总和:", totalSum); // 输出: 60代码解析：
这种方法首先从 values 对象中构建一个易于查询的查找表，其中只包含符合条件的答案键。然后，我们遍历 points 对象，根据查找表过滤出需要求和的项，最后进行累加。这种方法在逻辑上可能更清晰，尤其当 values 对象的结构更复杂时。
const values = {
Q1: { Q1A1: "Yes" },
Q2: { Q2A1: "Yes" },
Q3: { Q3A2: "No" },
};
const points = {
Q1A1: 41,
Q1A2: 0,
Q2A1: 19,
Q2A2: 0,
Q3A1: 25,
Q3A2: 5,
};
// 步骤1: 创建一个查找表，只包含 values 中答案为 "Yes" 的键
const lookupTable = Object.values(values).reduce((acc, currentObject) => {
const [answerKey, answerValue] = Object.entries(currentObject)[0]; // 假设每个内部对象只有一个键值对
if (answerValue === "Yes") {
acc[answerKey] = true; // 将符合条件的键添加到查找表，值可以是任意真值
}
return acc;
}, {});
console.log("查找表:", lookupTable); // 输出: { Q1A1: true, Q2A1: true }
// 步骤2: 遍历 points 对象，根据查找表过滤并求和
const totalSumWithLookup = Object.entries(points) // 获取 points 对象的所有 [键, 值] 对
.filter(([key, score]) => lookupTable[key] && score) // 过滤：键存在于查找表且分数为真（非0、null等）
.reduce((accumulator, [, score]) => accumulator + score, 0); // 对过滤后的分数进行求和
console.log("方法二计算的总和:", totalSumWithLookup); // 输出: 60代码解析：
此方法类似于方案二，但更侧重于仅提取 values 中符合条件的键到一个集合（Set）中，然后用这个集合来过滤 points。这种方法在处理大量键时，Set 的查找效率会比普通对象更高。
const values = {
Q1: { Q1A1: "Yes" },
Q2: { Q2A1: "Yes" },
Q3: { Q3A2: "No" },
};
const points = {
Q1A1: 41,
Q1A2: 0,
Q2A1: 19,
Q2A2: 0,
Q3A1: 25,
Q3A2: 5,
};
// 步骤1: 从 values 中提取所有答案为 "Yes" 的键到一个 Set 中
const validAnswerKeys = Object.values(values).reduce((acc, currentObject) => {
const [answerKey, answerValue] = Object.entries(currentObject)[0];
if (answerValue === "Yes") {
acc.add(answerKey); // 将符合条件的键添加到 Set
}
return acc;
}, new Set()); // 初始值为一个新的 Set
console.log("有效答案键集合:", validAnswerKeys); // 输出: Set(2) { 'Q1A1', 'Q2A1' }
// 步骤2: 遍历 points 对象，根据 Set 过滤并求和
const totalSumWithSet = Object.entries(points)
.filter(([key, score]) => validAnswerKeys.has(key) && score) // 过滤：键存在于 Set 中且分数为真
.reduce((accumulator, [, score]) => accumulator + score, 0);
console.log("方法三计算的总和:", totalSumWithSet); // 输出: 60代码解析：
以上提供了三种在JavaScript中根据条件比较两个对象并计算总和的方法。
注意事项：
选择哪种方法取决于你的具体需求、数据规模以及你对代码可读性和性能的偏好。理解这些不同的技术将帮助你更灵活地处理JavaScript中的数据聚合任务。
以上就是JavaScript中基于对象键值比较计算总和的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
960
收藏
