下面是使用CSS(和javascript，如果你想转换的文本是大写的)的另一个解决方案:

html

<span id='text'>JOHN SMITH</span>

js

var str = document.getElementById('text').innerHtml;
var return_text = str.toLowerCase();

css

#text{text-transform:capitalize;}

有一些很好的答案，但是，许多人使用正则表达式来查找单词，但是，由于某种原因，没有人使用正则表达式来替换第一个字符。为了解释，我将提供一个较长的解决方案和一个较短的解决方案。

长期解决方案(更具解释性)。通过使用正则表达式[^\s_\-/]*，我们可以找到句子中的每一个单词。随后，我们可以使用正则表达式。与单词中的第一个字符匹配。使用正则表达式版本的replace来替换这两个函数，我们可以像这样更改解决方案:

function toUpperCase(str){返回str.toUpperCase();｝ 函数capitalizeWord(word){返回word.replace(/。/,包含);｝ 函数大写(句子){返回句子。tolowercase()。替换(/ [/ ^ \ s_ \] * / g, capitalizeWord);｝ console.log(大写(“hello world”));//输出:Hello World

对于做同样事情的单个函数，我们将replace调用嵌套如下:

函数大写(句子){ 返回sentence.toLowerCase()。替换(/[^\s_\-/]*/g, function (word) { 返回word.replace(/。/，函数(ch){返回ch. touppercase ();}); }); ｝ console.log(大写(“hello world”));//输出:Hello World

我的清单是基于三个快速搜索。一个用于不大写的单词列表，一个用于完整的介词列表。

最后一个搜索建议，5个或5个字母以上的介词应该大写，这是我喜欢的。我的目的是非正式使用。我把“without”留在了他们的单词里，因为它是with的明显对应词。

所以它把首字母缩写，标题的第一个字母，以及大多数单词的第一个字母都大写。

它不打算处理带有大写锁的单词。我不想管这些。

function camelCase(str) { return str.replace(/((?:^|\.)\w|\b(?!(?:a|amid|an|and|anti|as|at|but|but|by|by|down|for|for|for|from|from|in|into|like|near|nor|of|of|off|on|on|onto|or|over|past|per|plus|save|so|than|the|to|to|up|upon|via|with|without|yet)\b)\w)/g, function(character) { return character.toUpperCase(); })} console.log(camelCase('The quick brown fox jumped over the lazy dog, named butter, who was taking a nap outside the u.s. Post Office. The fox jumped so high that NASA saw him on their radar.'));

var toMatch = "john w. smith";
var result = toMatch.replace(/(\w)(\w*)/g, function (_, i, r) {
      return i.toUpperCase() + (r != null ? r : "");
    }
)

似乎有用… 用上面的测试，“快棕色的狐狸?/跳过/越过了……“C:/程序文件/某些供应商/他们的第二个应用程序/a file1.txt”。

如果你想要2Nd而不是2Nd，你可以更改为/([a-z])(\w*)/g。

第一种形式可以简化为:

function toTitleCase(toTransform) {
  return toTransform.replace(/\b([a-z])/g, function (_, initial) {
      return initial.toUpperCase();
  });
}

它并不短，但这是我最近在学校的一个作业中想到的:

var myPoem = '什么是jQuery，但一个误解的对象?' // jQuery不是被误解的对象吗?JQuery不是一个被误解的对象吗? / /代码 Var大写=函数(str) { var strArr = str.split(' '); var newArr = []; For (var I = 0;i < strar .length;我+ +){ newar .push(strArr[i].charAt(0).toUpperCase() + strArr[i].slice(1)) }; newArr返回。加入(' ') ｝ var fixedPoem =大写(myPoem); 警报(fixedPoem);

Var结果= “这很有趣”。/\b[a-z]/g， (x) => x. touppercase ()) console.log(result) // This Is Very Interesting