JavaScript 中按首字母分组字符串数组的完整实现教程-js教程-PHP中文网

JavaScript 中按首字母分组字符串数组的完整实现教程

本文详解如何使用 JavaScript 的 reduce() 方法将字符串数组按元素首字母（不区分大小写）归类为对象，键为小写字母，值为对应首字母的字符串数组。

本文详解如何使用 javascript 的 `reduce()` 方法将字符串数组按元素首字母（不区分大小写）归类为对象，键为小写字母，值为对应首字母的字符串数组。

在实际开发中，常需对姓名、商品名或标签等字符串列表进行按首字母分类（如通讯录索引、字母导航栏），以提升数据可读性与交互体验。核心目标是：给定数组 ["Barath", "Babu", "Prakash", "Praveen", "Arun"]，生成结构化对象 { b: ["Barath", "Babu"], p: ["Prakash", "Praveen"], a: ["Arun"] } ——注意键统一为小写，且保持原始字符串大小写不变。

实现的关键在于累积归约（reduce）：遍历每个字符串，提取首字符 → 转为小写作为键 → 动态初始化空数组（若键不存在）→ 推入当前字符串。代码如下：

const arr = ["Barath", "Babu", "Prakash", "Praveen", "Arun"];

const output = arr.reduce((result, name) => {
  if (!name || name.length === 0) return result; // 安全防护：跳过空/无效字符串
  const firstLetter = name[0].toLowerCase();
  result[firstLetter] = result[firstLetter] || [];
  result[firstLetter].push(name);
  return result;
}, {});

console.log(output);
// 输出：{ b: ["Barath", "Babu"], p: ["Prakash", "Praveen"], a: ["Arun"] }

✅ 关键细节说明：

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

name[0] 直接获取首字符，比 name.charAt(0) 更简洁；
.toLowerCase() 确保键标准化（如 "Barath" 和 "barath" 均归入 "b"）；
result[firstLetter] = result[firstLetter] || [] 是经典“惰性初始化”模式，避免重复声明；
初始值 {} 保证返回纯对象，无原型污染风险。

⚠️ 注意事项：

若需按 Unicode 字母顺序排序键（如 a, b, p → a, b, p 已自然有序，但中文/特殊字符需额外处理），可在最后用 Object.fromEntries(Object.entries(output).sort())；
若输入含空字符串或 null/undefined，建议添加前置校验（如示例中的 if (!name || name.length === 0)）；
如需忽略空格或标点（如 " Alice"），可用正则提取首个字母：name.match(/^[a-zA-Z]/)?.[0]?.toLowerCase()。