本文详解如何使用 javascript 将字符串中每个单词的首字母大写，并通过 `join()` 正确还原为带空格的完整句子，重点纠正常见的“调用 `join()` 但未返回结果”这一典型错误。
在字符串处理中，“首字母大写”（Title Case）是一个高频需求，例如格式化用户输入、生成标题或构建 hashtag。核心思路是：分割 → 变换 → 拼接。但许多开发者会忽略 Array.prototype.join() 的关键特性——它不修改原数组，而是返回一个新字符串。若仅调用 words.join(" ") 而未将其返回或赋值，变换后的数组将被直接返回，导致输出为 ["I", "Am", "A", "Good", "Coder"] 而非 "I Am A Good Coder"。
以下为修正后的完整实现：
function generateHashtag(str) {
// 边界处理：空字符串或仅空白字符时返回空字符串
if (!str || str.trim() === "") return "";
const words = str.split(" ");
for (let i = 0; i < words.length; i++) {
// 防御性检查：跳过空单词（如连续空格导致的 ""）
if (words[i].length === 0) continue;
// 首字母转大写 + 其余字符转小写（更健壮的 title case 实现）
words[i] = words[i][0].toUpperCase() + words[i].substr(1).toLowerCase();
}
return words.join(" "); // ✅ 关键：必须 return join() 的返回值
}
console.log(generateHashtag("i am a good coder")); // "I Am A Good Coder"
console.log(generateHashtag("hello world")); // "Hello World"（自动压缩多空格影响需额外处理）⚠️ 注意事项：
- substr(1) 已被标记为遗留方法，推荐改用 slice(1) 提升兼容性与可读性；
- 原代码未处理空单词（如 "a b" 分割后含 ["a", "", "b"]），可能导致 ""[0] 为 undefined，引发运行时错误；
- 若需严格保留原始空格结构（如多个空格），应避免 split(" ")，改用正则匹配单词（str.replace(/\b\w/g, c => c.toUpperCase())）；
- 实际项目中建议使用更鲁棒的库函数（如 Lodash 的 startCase）或封装边界检查逻辑。
总结：join() 是纯函数，务必显式 return 其结果；同时，生产环境代码需兼顾空值、大小写一致性及异常输入，而非仅满足基础用例。
立即学习“Java免费学习笔记（深入）”；
