本文介绍两种高效方法:使用传统嵌套 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
该写法可进一步简化为一行(增强可读性时建议保留换行):