如何在 JavaScript 中实现每个单词首字母大写并拼接为完整字符串

本文详解如何使用 javascript 将字符串中每个单词的首字母大写，并正确拼接回原格式的句子，重点解决 `join()` 方法调用后未返回结果导致输出仍为数组的常见错误。

在处理文本格式化任务时，将字符串中每个单词的首字母转为大写（即“标题格式”或 title case）是一个高频需求。常见的错误之一是：虽然成功修改了单词数组，却忽略了 Array.prototype.join() 方法不会就地修改原数组，而是返回一个新字符串——若未显式 return 该结果，函数最终仍会返回原始数组。

以下是一个修正后的标准实现：

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;     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"（保留原始空格结构需额外处理）

⚠️ 注意事项：

• words.join(” “) 本身不改变 words 数组，也不自动赋值给任何变量；必须通过 return words.join(” “) 显式返回拼接后的字符串。
• 原代码中 words.join(” “); 是独立语句，无赋值也无返回，等价于被丢弃，因此函数默认返回 words（即修改后的数组）。
• 若需更健壮的实现（如处理多余空格、Unicode 字符、缩写词等），建议结合正则表达式或使用 map() 链式调用提升可读性：

function toTitleCase(str) {   return str     .split(' ')     .map(word => word ? word[0].toUpperCase() + word.slice(1).toLowerCase() : '')     .join(' '); }

总结：掌握 join() 的纯函数特性（无副作用、必返回新字符串）是避免此类问题的核心。始终检查方法调用是否被正确返回，而非仅执行。

立即学习“Java免费学习笔记（深入）”；