
本文介绍两种高效方法:使用传统嵌套 for 循环遍历对象及其内部数组,或利用 object.entries() 与 reduce()、filter() 等函数式方法,精准统计目标字符串在多层数据结构中的总出现频次。
在实际开发中,我们常遇到类似这样的嵌套数据结构:一个对象,其每个属性值都是一个字符串数组(如用户与各自参加过的音乐节列表)。当需要统计某个特定项(例如 'Benicassim')在整个对象所有数组中总共出现了多少次时,不能直接比较数组与字符串——这是初学者常见的逻辑误区。
原始代码的问题在于:for...in 遍历得到的是对象的键(如 'Danny'),而 festivals[festival] 返回的是整个数组(如 ['Glastonbury', 'Leeds', ...]),将其与字符串 'Benicassim' 使用 === 比较永远为 false,因此计数始终为 0。
✅ 正确做法是:先遍历对象的每个属性,再对每个属性对应的数组进行二次遍历。以下是两种推荐实现方式:
方法一:嵌套 for 循环(清晰直观,兼容性好)
const festivals = {
'Danny': ['Glastonbury','Glastonbury','Leeds','Leeds','Leeds','Benicassim','MadCool'],
'Jimbo': ['Glastonbury','Glastonbury','Leeds','Leeds','Leeds','Leeds','Benicassim','MadCool'],
'Richard': ['Glastonbury','Leeds','Leeds','Benicassim','MadCool'],
'John': ['Glastonbury','Leeds']
};
let totalFestivals = 0;
const target = 'Benicassim';
for (const person in festivals) {
const festivalList = festivals[person];
for (const fest of festivalList) {
if (fest === target) {
totalFestivals++;
}
}
}
console.log(totalFestivals); // 输出:3✅ 优点:逻辑直白,易于调试;支持所有 ES5+ 环境。 ⚠️ 注意:确保 festivals 是普通对象(非 null/undefined),且所有属性值均为数组,否则需增加类型校验(如 Array.isArray(festivalList))。
方法二:函数式链式调用(简洁优雅,声明式风格)
const target = 'Benicassim';
const totalFestivals = Object.entries(festivals).reduce((sum, [_, fests]) => {
return sum + fests.filter(fest => fest === target).length;
}, 0);
console.log(totalFestivals); // 输出:3该写法可进一步简化为一行(增强可读性时建议保留换行):
const totalFestivals = Object.entries(festivals) .reduce((total, [_, fests]) => total + fests.filter(f => f === target).length, 0);
✅ 优点:无副作用、易组合、便于后续扩展(如同时统计多个关键词);语义明确——“对每组键值对,累加匹配项数量”。
⚠️ 注意:Object.entries() 在 IE 中不被支持,如需兼容旧环境,请搭配 polyfill 或回退至方法一。
进阶提示:支持模糊匹配或大小写不敏感
若需求升级为「包含子串」或「忽略大小写」,只需调整判断条件:
// 包含 'beni'(不区分大小写)
fest.toLowerCase().includes('beni')
// 完全匹配,忽略大小写
fest.toLowerCase() === target.toLowerCase()总结:无论选择命令式循环还是函数式方法,核心都在于两层遍历的必要性——第一层访问对象属性,第二层扫描数组元素。理解这一数据层级关系,是处理任意深度嵌套集合统计问题的关键基础。










