本文详解如何安全地将多单词姓名字符串中每个单词的首字母大写，重点解决因尾部空格导致 split(' ') 产生空字符串、进而引发 n[0] 为 undefined 的运行时错误，并提供健壮、可复用的实现方案。
本文详解如何安全地将多单词姓名字符串中每个单词的首字母大写，重点解决因尾部空格导致 split(' ') 产生空字符串、进而引发 n[0] 为 undefined 的运行时错误，并提供健壮、可复用的实现方案。
在 JavaScript 中对姓名进行首字母大写（如 "jessica ann smith davis" → "Jessica Ann Smith Davis"）看似简单，但实际开发中常因输入不规范（如首尾空格、连续空格）导致逻辑崩溃。你提供的代码：
const capitalizeName = function (name) {
const names = name.split(` `);
const uppercasedName = [];
for (const n of names) {
uppercasedName.push(n.replace(n[0], n[0].toUpperCase()));
}
console.log(uppercasedName.join(''));
};
capitalizeName('jessica ann smith davis ');问题根源在于：当输入末尾含空格（如 'jessica ann smith davis '），split(' ') 会生成一个末尾空字符串 ''，此时 n[0] 为 undefined，调用 undefined.toUpperCase() 将抛出 TypeError。
✅ 正确做法是过滤掉空字符串，并确保只对非空单词执行首字母大写操作。以下是优化后的健壮实现：
const capitalizeName = function (name) {
// 先 trim 去除首尾空格，再 split，避免空项；或保留 split 后显式过滤
const names = name.trim().split(' ').filter(n => n.length > 0);
const upperName = [];
for (const n of names) {
// 安全获取首字符：n[0] 存在才替换，否则跳过
if (n && n.length > 0) {
upperName.push(n[0].toUpperCase() + n.slice(1).toLowerCase());
}
}
return upperName.join(' ');
};
// 测试用例
console.log(capitalizeName('jessica ann smith davis ')); // "Jessica Ann Smith Davis"
console.log(capitalizeName(' john doe ')); // "John Doe"
console.log(capitalizeName('')); // ""
console.log(capitalizeName('a')); // "A"? 关键改进点：
- 使用 .trim().split(' ').filter(n => n.length > 0) 主动清理空白项，比条件判断更清晰；
- 首字母大写后，建议对剩余部分调用 .toLowerCase()，避免原字符串混杂大小写（如 "mCdonald" → "McDonald"）；
- 返回值使用 return 而非 console.log，符合函数职责，便于链式调用或测试；
- 显式处理边界情况：空字符串、单字符、多空格等。
⚠️ 注意事项：
- 不要依赖 n.replace(n[0], ...) —— 若首字母重复出现（如 "anna"），会错误替换所有匹配项；
- 避免直接 join('')（无空格连接），应使用 join(' ') 保持单词间空格；
- 如需国际化支持（如带重音符号或非拉丁字符），建议使用 Intl.Locale 或正则 \p{L}，但基础场景 n[0] 已足够。
该方案兼顾可读性、健壮性与实用性，可直接集成至表单姓名格式化、用户资料处理等生产场景。
