split()多空格处理行为异常，字符串单词首字母大写遇多空格报错

这个问题我之前处理过，咱们先搞清楚为啥会报错：

当你用split(' ')拆分带连续空格的字符串（比如'hello world'）时，得到的数组是['hello', '', '', 'world']——连续空格会被拆分成多个空字符串元素。遍历到空字符串时，word[0]就是undefined，调用toUpperCase()自然就抛出那个“Cannot read property 'toUpperCase' of undefined”的错误了。

下面给你几个实用的解决方案，按需选择：

方案一：过滤空字符串（合并多空格为单空格） #

如果你的场景不要求保留原有的连续空格，只想把多空格变成单空格，那在map之前加个过滤步骤就行：

var S = 'hello   world';
var x = S.toLowerCase()
          .split(' ')
          .filter(word => word.length > 0) // 把空字符串过滤掉
          .map(word => word[0].toUpperCase() + word.substr(1))
          .join(' ');
console.log(x); // 输出 "Hello World"

方案二：正则直接替换（保留原空格格式） #

要是需要严格保留原有的连续空格，用正则表达式直接替换每个单词的首字母更优雅，不用拆分数组：

var S = 'hello   world';
var x = S.toLowerCase().replace(/\b\w/g, char => char.toUpperCase());
console.log(x); // 输出 "Hello   World"

这里的/\b\w/g会匹配每个单词的首字符（\b是单词边界，\w匹配字母/数字/下划线），然后把匹配到的字符转成大写，完美保留原有的空格结构。

方案三：捕获空格元素（精准处理每个部分） #

如果你想更灵活地控制每个部分的处理，还可以用正则捕获空格，把空格作为单独的元素保留，只处理非空格的单词：

var S = 'hello   world';
var x = S.toLowerCase()
          .split(/(\s+)/) // 用括号捕获空格，数组变成['hello', '   ', 'world']
          .map(part => part.trim() ? part[0].toUpperCase() + part.substr(1) : part)
          .join('');
console.log(x); // 输出 "Hello   World"

这个方法会把空格片段单独拎出来，遍历的时候只处理有内容的单词部分，空格直接原样保留，适合复杂格式的字符串处理。

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