使用JavaScript将字符串转换为标题大小写

Question

有没有一种简单的方法将字符串转换为标题大小写？例如。史密斯成为约翰·史密斯.我不想找像这样复杂的东西John Resig的解决方案，只是（希望）某种一两个班轮。

Answer 1

使用：

函数toTitleCase（str）{返回str.replace(/\w\S*/g，text=>text.charAt（0）.toUpperCase（）+text.substring（1）.toLowerCase（);}const示例=“john smith”；log（`“${example}”变为“${toTitleCase（example）}”`）；

交互式示例：

const输入=document.querySelector（'[名称=“input”]'）；const输出=document.querySelector（'[名称=“output”]'）；input.addEventListener（'change'，（）=>{output.value=toTitleCase（输入值）；});input.addEventListener（'keyup'，（）=>{output.value=toTitleCase（输入值）；});output.addEventListener（'click'，（）=>output.select（））；函数toTitleCase（str）{返回str.replace(/\w\S*/g，text=>text.charAt（0）.toUpperCase（）+text.substring（1）.toLowerCase（);}

<表格>输入：<br/><textarea name=“input”></textarea><br/>输出：<br/><textarea name=“output”只读></form>

Answer 2

如果CSS解决方案满足您的需要，您可以应用文本转换控件的CSS样式：

文本转换：大写；

请注意，这将改变：
你好，世界到你好，世界
你好，世界到你好世界（无变化）
艾米莉·简·奥布莱恩到艾米丽·简·奥布莱恩（不正确）
玛丽亚·冯·崔普到玛丽亚·冯·特拉普（不正确）

Answer 3

一种稍微优雅的方式，适应了格雷格·迪恩的功能：

String.prototype.toPropertyCase=函数（）{return this.replace（/\w\S*/g，function（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；}）；};

可以这样称呼：

“pascal”.toPropertCase（）；

Answer 4

这是我的版本，IMO它很容易理解，也很优雅。

const str=“foo bar baz”；const newStr=str.split（“”）.map（w=>w[0].toUpperCase（）+w.substring（1）.toLowerCase（.join（“”）；console.log（newStr）；

Answer 5

这是我的函数，它可以转换为标题大小写，但也可以将定义的首字母缩写词保留为大写，将次要单词保留为小写：

String.prototype.toTitleCase=函数（）{var i，j，str，lowers，upper；str=this.replace（/（[^\W_]+[^\s-]*）*/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；});//某些次要单词应保留小写，除非//它们是字符串中的第一个或最后一个单词lowers=['A'，'An'，'The'，'And'，'But'，'Or'，'For'，'Nor'，'As'，'At'，‘By’、‘For’、’From’、‘In’、'Into’、‘Near’、‘Of’、‘On’、“Onto”、‘To’、'With’]；对于（i=0，j=较低长度；i<j；i++）str=str.replace（新RegExp（'\\s'+lowers[i]+'\\s`，'g'），函数（txt）{return txt.toLowerCase（）；});//某些单词，如首字母缩写或首字母缩略词，应保留大写uppers=['Id'，'Tv']；对于（i=0，j=上部长度；i<j；i++）str=str.replace（新RegExp（'\\b'+上标[i]+'\\b`，'g'），uppers[i].toUpperCase（））；返回str；}

例如：

“若要登录此网站并观看电视，请输入有效的id:”.toTitleCase（）；//返回：“要登录此网站并观看电视，请输入有效ID:”

Answer 6

你可以立即小写字符串，然后将字符串转换成大写每个单词的第一个字母。变成一个非常简单的线性：

函数titleCase（str）{return str.toLowerCase（）.replace（/\b\w/g，s=>s.toUpperCase（（））；}console.log（titleCase（'iron man'））；console.log（titleCase（'iNcrEdible hulK'））；

Answer 7

与其他答案相比，我更喜欢以下答案。它只匹配每个单词的第一个字母并将其大写。代码更简单，更容易阅读，字节更少。它保留了现有的大写字母，以防止首字母缩写的扭曲。不过你可以随时打电话至下壳体（）先在你的绳子上。

函数标题（str）{return str.replace（/（^|\s）\s/g，函数（t）{return t.toUpperCase（）}）；}

您可以将其添加到字符串原型中，这将允许您“我的字符串”.toTitle（）如下：

String.prototype.toTitle=函数（）{return this.replace（/（^|\s）\s/g，函数（t）{return t.toUpperCase（）}）；}

例子：

String.prototype.toTitle=函数（）{return this.replace（/（^|\s）\s/g，函数（t）{return t.toUpperCase（）}）；}console.log（'all小写->'，'all小写'.toTitle（））；console.log（“全部大写->”，“全部大写”.toTitle（））；console.log（“我是小茶壶->”，“我是一个小茶壶”.toTitle（））；

Answer 8

基准

TL；博士

此基准测试的获胜者是普通的旧for循环：

函数titleize（str）{let upper=真让newStr=“”for（设i=0，l=str.length；i<l；i++）{//请注意，您还可以使用//str[i].match（/\s/）如果（str[i]==“”）{上限=真newStr+=str[i]持续}newStr+=上部？str[i].to上箱（）：str[i].to下箱（）上限=假}返回newStr}//注意：我想您可以使用字符码和字符串生成器来克服这个问题。

细节

我采用了最流行、最独特的答案基准用这些。

以下是我的MacBook专业版的结果：

为了完整起见，以下是使用的函数：

str=“快跑狐狸jUMPS oR懒惰狗”；函数正则表达式（str）{返回str.replace(/\w\S*/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；});}函数拆分（str）{返回字符串。拆分（“”）。映射（w=>w[0].toUpperCase（）+w.substr（1）.toLowerCase（。连接（“”）；}功能完成（str）{var i，j，str，lowers，upper；str=str.replace（/（[^\W_]+[^\s-]*）*/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（）；});//某些次要单词应保留小写，除非//它们是字符串中的第一个或最后一个单词lowers=['A'，'An'，'The'，'And'，'But'，'Or'，'For'，'Nor'，'As'，'At'，‘By’、‘For’、’From’、‘In’、'Into’、‘Near’、‘Of’、‘On’、“Onto”、‘To’、'With’]；对于（i=0，j=较低长度；i<j；i++）str=str.replace（新RegExp（'\\s'+lowers[i]+'\\s`，'g'），函数（txt）{return txt.toLowerCase（）；});//某些单词，如首字母缩写或首字母缩略词，应保留大写uppers=['Id'，'Tv']；对于（i=0，j=上部长度；i<j；i++）str=str.replace（新RegExp（'\\b'+上标[i]+'\\b`，'g'），uppers[i].toUpperCase（））；返回str；}函数firstLetterOnly（str）{return str.replace（/\b（\S）/g，函数（t）{return t.toUpperCase（）；}）；}循环函数（str）{设上限=真；让newStr=“”；for（设i=0，l=str.length；i<l；i++）{如果（str[i]==“”）{上限=真；newStr+=“”；继续；}newStr+=上部？str[i].to上箱（）：str[i].to下箱（）；上限=错误；}返回newStr；}

请注意，我故意没有改变原型，因为我认为这是一个非常糟糕的实践，我认为我们不应该在我们的答案中推广这种实践。只有当您是唯一一个处理小代码基的人时，这才可以。

如果你想在这个基准测试中添加任何其他方法，请评论答案的链接！

---

编辑2022 Mac M1：在我的新电脑上，使用最新的chrome，分裂获胜。如果你真的关心特定机器上的性能，你应该自己运行基准测试

Answer 9

var结果=“这很有趣”.replace（/\b[a-z]/g，（x）=>x.toUpperCase（））log（result）//这很有趣

Answer 10

惊讶地发现没有人提到rest参数的用法。下面是一个使用ES6 Rest参数的简单单行程序。

让str=“john smith”str=str.split（“”）.map（（[firstChar，…rest]）=>firstChar.toUpperCase（）+rest.join（“”控制台.log（str）

Answer 11

不使用正则表达式仅供参考：

String.prototype.toPropertyCase=函数（）{var words=this.split（''）；var结果=[]；for（var i=0；i<words.length；i++）{var letter=单词[i].charAt（0）.toUpperCase（）；结果：push（字母+单词[i].slice（1））；}return results.join（“”）；};控制台.log(“约翰·史密斯”.toPropertCase（）)

Answer 12

如果你担心这些填充词，你可以告诉函数什么不应该大写。

/***@param String str要转换为titleCase的文本。*@param数组将单词粘贴为小写。*/var titleCase=函数（str，glue）{胶水=（胶水）？胶水：['of'、'for'、'和']；return str.replace（/（\w）（\w*）/g，函数（_，i，r）{var j=i.到UpperCase（）+（r！=空？r：“”）；return（glue.indexOf（j.toLowerCase（））<0）？j： j.至下壳体（）；});};

希望这能帮到你。

编辑

如果您想处理前导粘连词，您可以跟踪这个w/另一个变量：

var titleCase=函数（str，glue）{胶水=！！胶水？胶水：['of'，'for'，'and'，'a']；var first=true；return str.replace（/（\w）（\w*）/g，函数（_，i，r）{var j=i.toUpperCase（）+（r！=null？r:''）.toLowerCase（；var结果=（（glue.indexOf（j.toLowerCase（））<0）||第一个）？j:j.到LowerCase（）；first=false；返回结果；});};

Answer 13

如果你需要一个语法正确的答案：

这个答案考虑了“of”、“from”、…等介词。。输出将生成一个编辑风格的标题，您可以在论文中看到。

toTitleCase函数

考虑语法规则的函数此处列出.该函数还合并空白并删除特殊字符（根据需要修改正则表达式）

const to TitleCase=（str）=>{const articles=['a'，'an'，'the']；const连词=['for'，'and'，'nor'，'but'，'or'，'yet'，'so']；常量介词=[“with”、“at”、“from”、“into”、“on”、“of”、“to”、“in”、“for”、，“on”、“by”、“like”、“over”、“plus”、“but”、“up”、“down”、“off”、“near”];//可以在此处调整空间字符列表const replaceCharsWithSpace=（str）=>str.replace（/[^0-9a-z&//\\]/gi，''）.replate（/（\s\s+）/gi，''）；常量大写首字母=（str）=>str.charAt（0）.toUpperCase（）+str.substr（1）；const normalizeStr=（str）=>str.toLowerCase（）.trim（）；const should Capitalize=（单词，fullWordList，posWithinStr）=>{if（（posWithinStr==0）||（posWithinStr==fullWordList.length-1））{返回true；}返回！（articles.includes（word）连接词.includes（word，词）介词.incrudes（词））；}str=replaceCharsWithSpace（str）；str=标准化str（str）；let words=str.split（“”）；if（words.length<=2）{//长度小于3个单词的字符串应始终首字母大写words=words.map（w=>大写首字母（w））；}其他{for（设i=0；i<words.length；i++）{words[i]=（是否应大写（words[i]，words，i）？大写首字母（单词[i]，单词，i）：单词[i'）；}}return words.join（''）；}

确保正确性的单元测试

从'chai'导入{expect}；从'../..导入{toTitleCase}/src/lib/stringHelper“；description（'toTitleCase'，（）=>{it（'如果字符串长度不超过两个单词，则不考虑冠词、连词或介词，将每个单词的第一个字母大写'，function（）{expect（toTitleCase（'the dog'））.to.equal（'the dog'）；//只有两个单词长时，文章大写expect（toTitleCase（'for all'））.to.equal（'for all'）；//只有两个单词长时将连词大写expect（toTitleCase（'with cats'））.to.equal（'with cats'）；//只有两个单词长时，介词大写});it（'无论冠词、连词或介词如何，始终大写字符串中的第一个和最后一个单词'，function（）{expect（to TitleCase（“漂亮的狗”））to.equal（“漂亮狗”）；expect（toTitleCase（“对于所有致命的忍者，尽管如此”）.to.equal（“对于一切致命的忍忍者，就这样吧”）；expect（toTitleCase（“与猫和狗在一起我们很近”）.to.equal（“与猫猫和狗一起我们很接近”）；});it（'用空格替换特殊字符'，function（）{expect（toTitleCase（“[狼和狮子]：小心”）.to.equal（“狼和狮子要小心”）；expect（to TitleCase（“狼和狮子，小心点”））to.equal（“狼与狮子，小心”）；});it（'在开头和结尾处去掉空格'，function（）{expect（toTitleCase（“马里奥和路易吉超级巨星传奇”）.to.equal（“马里奥和路易基超级巨星系列”）；});it（'冠词、连词和介词不应在3个以上单词的字符串中大写'，function（）{expect（to TitleCase（《狼和狮子：两个相似动物的故事》）to。equal（《狼与狮子：两种相似动物的传说》）；期望（toTitleCase（“三名枪手及以上”）等于（“三位枪手及以下”）；});});

请注意，我正在从提供的字符串中删除相当多的特殊字符。您需要调整正则表达式以满足项目的要求。

Answer 14

如果上述解决方案中使用的正则表达式让您感到困惑，请尝试以下代码：

函数titleCase（str）{返回str.split（“”）.map（函数（val）{返回val.charAt（0）.toUpperCase（）+val.substr（1）.toLowerCase（；}).join（“”）；}

Answer 15

我创建了这个函数，可以处理姓氏（因此它不是标题大小写），例如“McDonald”或“MacDonald“或“O’Toole”或“D’Orazio”。然而，它不处理德语或荷兰语名称中的“van”或“von”，它们通常是小写的。。。我相信“de”通常也是小写的，比如“Robert de Niro”。这些问题仍需解决。

函数到PropertCase{返回s.toLowerCase（）。替换（/\b（m）（a？c））？（\w）/g，函数（$1，$2，$3，$4，$5）{if（$2）{return$3.toUpperCase（）+$4+$5.toUpperCase（）；}return$1.toUpperCase（）；{）；}

Answer 16

大多数答案似乎忽略了使用单词边界元字符（\b）的可能性。格雷格·迪恩（Greg Dean）的答案的简短版本：

函数toTitleCase（str）{return str.replace（/\b\w/g，函数（txt）{return txt.toUpperCase（）；}）；}

也适用于连字符名称，如Jim-Bob。

Answer 17

首先，转换您的一串到数组中分裂以空格表示：

var words=str.split（“”）；

然后使用阵列.map创建包含大写单词的新数组。

var大写=words.map（函数（word）{return word.charAt（0）.toUpperCase（）+word.substring（1，word.length）；});

然后参加带有空格的新数组：

大写。join（“”）；

函数titleCase（str）{str=str.toLowerCase（）//确保HeLlo在最后变成HeLlovar words=str.split（“”）；var大写=words.map（函数（word）{return word.charAt（0）.toUpperCase（）+word.substring（1，word.length）；});return大写。join（“”）；}log（titleCase（“我是一个小茶壶”）；

注：

这当然有一个缺点。这只会将每个单词的第一个字母大写。通过单词，这意味着它将每个由空格分隔的字符串视为一个单词。

假设您有：

str=“我是一个小茶壶”；

这将产生

我有点/小的茶壶

与预期相比

我是一个小茶壶

在这种情况下，使用Regex和.更换将完成以下操作：

使用ES6：

常量大写=str=>str.length? str[0].toUpperCase（）+str.slice（1）.to下层（）: '';常量转义=str=>str.replace（/./g，c=>`\\${c}`）；const titleCase=（句子，seps='_-/'）=>{let wordPattern=新RegExp（`[^${escape（seps）}]+`，'g'）；返回句子.replace（wordPattern，大写）；};log（titleCase（“我是一个小茶壶。”）；

或不带欧洲标准6:

函数大写（str）{return str.charAt（0）.toUpperCase（）+str.substring（1，str.length）.toLowerCase（，）；}函数titleCase（str）{return str.replace（/[^\\/\-\_]+/g，大写）；}log（titleCase（“我是一个小茶壶。”）；

Answer 18

如果您可以在代码中使用第三方库，那么lodash为我们提供了一个帮助函数。

https://lodash.com/docs/4.17.3#startCase

_.startCase（'foo bar'）；//=>“Foo酒吧”_.startCase（“--foo-bar”）；//=>“Foo酒吧”_.startCase（'fooBar'）；//=>“Foo酒吧”_.startCase（'__FOO_BAR__'）；//=>“FOO酒吧”

Answer 19

西班牙6

str.split（“”）.map（s=>s.slice（0，1）.toUpperCase（）+s.slice.join（“”）

其他的

str.split（“”）.map（函数）{返回s.slice（0，1）.toUpperCase（）+s.slice；}).join（“”）

Answer 20

var toMatch=“john w.smith”；var result=toMatch.replace（/（\w）（\w*）/g，函数（_，i，r）{返回i.toUpperCase（）+（r！=空？r:“”）；})

似乎有效。。。通过以上测试，“快速成长的狐狸？/跳过^懒惰的狗…”和“C:/program files/some vendor/their 2nd application/a file1.txt”。

如果您想要2Nd而不是2Nd，您可以更改为/（[a-z]）（\w*）/g.

第一种形式可以简化为：

函数toTitleCase（转换）{返回Transform.replace（/\b（[a-z]）/g，函数（_，initial）{return initial.toUpperCase（）；});}

Answer 21

试试这个最短的方法：

str.replace（/（^[a-z]）|（\s+[a-z'）/g，txt=>txt.toUpperCase（））；

Answer 22

吉姆-鲍勃->吉姆-鲍勃

吉姆/鲍勃->吉姆/鲍勃

jim_bob->jim_bob

不是->不是

法国高等学校->法国高等学校

麦当劳->麦当劳

函数toTitleCase（str）{return str.replace（/\p{L}+（'\p{L}+）/gu，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.slice（1）})}

Answer 23

使用/\标准+/g支持变音符号：

函数到TitleCase（str）{return str.replace（/\S+/g，str=>str.charAt（0）.toUpperCase（）+str.substr（1）.toLowerCase（；}log（toTitleCase（“一个名为örebro的城市”）；//一座名叫厄勒布罗的城市

然而：“秒不倾斜(年ellow）“⇒”S公司不倾斜(年ellow）“

Answer 24

“john f.kennedy”.替换（/\b\S/g，t=>t.到UpperCase（））

Answer 25

试试这个

String.prototype.toPropertyCase=函数（）{返回this.toLowerCase（）.replace（/（^[a-z]|[a-z]|-[a-z'）/g，函数（$1）{return$1.toUpperCase（）；});};

例子

var str='john smith'；字符串到属性用例（）；

Answer 26

这是我的函数，用于处理重音字符（对法语很重要！），可以打开/关闭lower异常的处理。希望能有所帮助。

String.prototype.titlecase=函数（lang，withLowers=false）{var i，字符串，下，上；字符串=this.replace（/（[^\s:\-']）（[^.s:\-']*）/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；}).替换（/Mc（.）/g，函数（match，next）{return'Mc'+next.toUpperCase（）；});if（带下限）{if（lang=='EN'）{lowers=['A'，'An'，'The'，'At'，'By'，'For'，'In'，'Of'，'On'，'To'，'Up'，'And'，'As'，'But'，'Or'，'Nor'，'Not']；}其他{lowers=['Un'，'Une'，'Le'，'La'，'Les'，'Du'，'De'，'Des'，'alo'，'Au'，'Aux'，'Par'，'Pour'，'Dans'，'Sur'，'Et'，'Comme'，'Mais'，''Ou'，'Ne'，'Ni'，'Pas']；}对于（i=0；i<lowers.length；i++）{string=string.replace（新RegExp（'\\s'+lowers[i]+'\\s]，'g'），函数（txt）{return txt.toLowerCase（）；});}}uppers=['Id'，'R&d']；对于（i=0；i<uppers.length；i++）{string=string.replace（new RegExp（'\\b'+uppers[i]+'\\b'，'g'），uppers[i].toUpperCase（））；}返回字符串；}

Answer 27

我认为最简单的是使用css。

函数format_str（str）{str=str.toLowerCase（）；return'<span style=“text-transform:capitalie”>'+str+'</span>'；}

Answer 28

这里有另一个使用css（和javascript，如果要转换的文本是大写的）的解决方案：

html格式

约翰·史密斯</span>

js型

var str=document.getElementById（'text'）.innerHtml；var return_text=str.toLowerCase（）；

css公司

#text{text-transform:大写；}

Answer 29

下面是一个非常简单简洁的ES6函数：

const titleCase=（str）=>{return str.replace（/\w\S*/g，（t）=>{return t.charAt（0）.toUpperCase（）+t.substr（1）.toLowerCase（（）}）；}导出默认titleCase；

包含在公用事业文件夹，使用如下：

从'导入titleCase/utilities/titleCase.js'；const string=“我的标题&string”；console.log（titleCase（字符串））；//->'我的标题和字符串'

Answer 30

我已经为土耳其语测试了这个解决方案，它也适用于特殊字符。

函数到TitleCase（str）{return str.toLocaleLowerCase（）.replace(/（^|u |ü|ö|sh | Jo |ç| I |Ø|Ö| \w）\S*/g，（txt）=>txt.charAt（0）.toLocaleUpperCase（）+txt.substring（1），)}console.log（到TitleCase（“ISMA I L HAKKI”））console.log（到TitleCase（'R AHMARAN B I NB I R GECE MASALLARI'））console.log（到TitleCase（“EKNOLOJ IüRüNü”）

我在开头添加了“toLocaleLowerCase”，因为我有所有的大写数据。如果你不需要它，你可以丢弃它。

使用区域设置操作对非英语语言很重要。