TypeScript数组分组处理：多语言国家显示'many'需求实现问询

嘿，作为Angular和TypeScript新手，遇到这种需要分组处理的逻辑确实容易卡壳，我来给你拆解一下实现思路和具体代码，保证你能看懂～

核心思路 #

我们需要分两步走：

1. 先统计每个国家对应的语言数量，搞清楚哪些国家有多种语言
2. 基于统计结果生成新数组，确保每个国家只出现一次，语言根据数量设为many或者原语言

方法一：用forEach+reduce实现（兼容性好，适合新手理解） #

这是最基础的实现方式，不用依赖新的ES特性，适合刚上手的同学：

// 先定义类型，TypeScript里这样写更规范
interface CountryLanguage {
  name: string;
  language: string;
}

const originalArray: CountryLanguage[] = [
  {name: 'India', language: 'Hindi'},
  {name: 'US', language: 'English'},
  {name: 'US', language: 'Spanish'},
  {name: 'India', language: 'Bengali'},
  {name: 'Japan', language: 'Japanese'},
  {name: 'China', language: 'Mandarin'},
  {name: 'France', language: 'French'}
];

// 第一步：统计每个国家的语言数量
const languageCountMap: {[key: string]: number} = {};
originalArray.forEach(item => {
  // 如果这个国家已经在统计表里，数量+1，否则初始化为1
  languageCountMap[item.name] = (languageCountMap[item.name] || 0) + 1;
});

// 第二步：生成去重后的结果数组
const resultArray: CountryLanguage[] = originalArray.reduce((acc, current) => {
  // 检查当前国家是否已经在结果数组里了，避免重复添加
  const isAlreadyInResult = acc.some(item => item.name === current.name);
  if (!isAlreadyInResult) {
    acc.push({
      name: current.name,
      // 如果语言数量>1就设为'many'，否则用原语言
      language: languageCountMap[current.name] > 1 ? 'many' : current.language
    });
  }
  return acc;
}, []);

console.log(resultArray); // 就是你要的预期结果啦

方法二：用Object.groupBy简化代码（更简洁，ES2022+支持） #

如果你的Angular项目配置了支持ES2022及以上版本，还可以用更简洁的分组方法，代码量少很多：

interface CountryLanguage {
  name: string;
  language: string;
}

const originalArray: CountryLanguage[] = [/* 原数组内容同上 */];

// 第一步：按国家分组，得到{ 国家名: [对应语言对象数组] }的结构
const groupedCountries = Object.groupBy(originalArray, item => item.name);

// 第二步：把分组后的对象转成目标数组
const resultArray: CountryLanguage[] = Object.entries(groupedCountries).map(([countryName, languageList]) => ({
  name: countryName,
  language: languageList.length > 1 ? 'many' : languageList[0].language
}));

新手小提示 #

• 给对象定义interface（比如上面的CountryLanguage）能让TypeScript帮你检查类型错误，编辑器也会有代码提示，写起来更顺畅
• reduce是数组处理里非常实用的方法，不仅能用来累加，还能用来构建新数组、去重，多练几次就熟练啦

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