blocks|key|1668546|text|var+toMatch+=+"john+w.+smith";
var+result+=+toMatch.replace(/(\w)(\w*)/g,+function+(_,+i,+r)+{
++++++return+i.toUpperCase()+%2B+(r+!=+null+?+r+:+"");
++++}
)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1668547|看起来很有效。用上面的测试，“快棕色，狐狸?/跳过懒狗……”和"C:/program+files/某个供应商/他们的第二个应用程序/a+file1.txt“。|unstyled|1668548|如果你想要change而不是change，你可以改成/([a-z])(\w*)/g。|offset|length|style|CODE|1668549|第一种形式可以简化为：|1668550|function+toTitleCase(toTransform)+{
++return+toTransform.replace(/\b([a-z])/g,+function+(_,+initial)+{
++++++return+initial.toUpperCase();
++});
}|1668551|entityMap^0|0|0|Q|F|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|U|8|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|F|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$B|C]]|$1|Q|3|-4|5|F|7|Z|8|@]|9|@]|A|$]]]|R|$]]

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

<p>Seems to work...
Tested with the above, "the quick-brown, fox? /jumps/ ^over^ the ¡lazy! dog..." and "C:/program files/some vendor/their 2nd application/a file1.txt".</p>

<p>If you want 2Nd instead of 2nd, you can change to <code>/([a-z])(\w*)/g</code>.</p>

<p>The first form can be simplified as:</p>

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


blocks|key|5197563|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5197564|​|5197565|function+toTitleCase(str)+{
++return+str.replace(
++++/\w\S*/g,
++++function(txt)+{
++++++return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();
++++}
++);
}|code-block|syntax|javascript|5197566|<form>
++Input:
++<br+/><textarea+name="input"+onchange="form.output.value=toTitleCase(this.value)"+onkeyup="form.output.value=toTitleCase(this.value)"></textarea>
++<br+/>Output:
++<br+/><textarea+name="output"+readonly+onclick="select(this)"></textarea>
</form>|5197567|5197568|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Try  this:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toTitleCase(str) {
  return str.replace(
    /\w\S*/g,
    function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }
  );
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
  Input:
  &lt;br /&gt;&lt;textarea name="input" onchange="form.output.value=toTitleCase(this.value)" onkeyup="form.output.value=toTitleCase(this.value)"&gt;&lt;/textarea&gt;
  &lt;br /&gt;Output:
  &lt;br /&gt;&lt;textarea name="output" readonly onclick="select(this)"&gt;&lt;/textarea&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1453346|text|我做了这个函数，它可以处理姓氏(所以它不是标题大小写)，比如"McDonald“或"MacDonald”或“O‘’Toole”或“D‘’Orazio”。然而，它不处理带有"van“或"von”的德语或荷兰语名称，这些名称通常是小写的……我认为"+de“通常也是小写的，比如"Robert+de+Niro”。这些问题仍然需要解决。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1453347|function+toProperCase(s)
{
++return+s.toLowerCase().replace(+/\b((m)(a?c))?(\w)/g,
++++++++++function($1,+$2,+$3,+$4,+$5)+{+if($2){return+$3.toUpperCase()%2B$4%2B$5.toUpperCase();}+return+$1.toUpperCase();+});
}|code-block|syntax|javascript|1453348|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I made this function which can handle last names (so it's not title case) such as "McDonald" or "MacDonald" or "O'Toole" or "D'Orazio". It doesn't however handle German or Dutch names with "van" or "von" which are often in lower-case... I believe "de" is often lower-case too such as "Robert de Niro". These would still have to be addressed.</p>

<pre><code>function toProperCase(s)
{
  return s.toLowerCase().replace( /\b((m)(a?c))?(\w)/g,
          function($1, $2, $3, $4, $5) { if($2){return $3.toUpperCase()+$4+$5.toUpperCase();} return $1.toUpperCase(); });
}
</code></pre>


blocks|key|5197649|text|如果CSS解决方案满足您的需要，则可以将text-transform+CSS样式应用于控件：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5197650|text-transform:+capitalize;|code-block|syntax|javascript|5197651|请注意，这将转变为：|5197652|hello+world到Hello+World|style|CODE|5197653|HELLO+WORLD到HELLO+WORLD+(不变)|5197654|emily-jane+o'brien到Emily-jane+O'brien+(不正确)|5197655|Maria+von+Trapp到Maria+Von+Trapp+(不正确)|5197656|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS2/text.html#caps-prop^0|K|E|0|0|0|0|0|B|C|B|0|0|B|C|B|0|0|I|J|I|0|0|F|G|F|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|18|8|@$A|19|B|1A|M|N]|$A|1B|B|1C|M|N]]|9|@]|C|$]]|$1|O|3|P|5|6|7|1D|8|@$A|1E|B|1F|M|N]|$A|1G|B|1H|M|N]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1I|8|@$A|1J|B|1K|M|N]|$A|1L|B|1M|M|N]]|9|@]|C|$]]|$1|S|3|T|5|6|7|1N|8|@$A|1O|B|1P|M|N]|$A|1Q|B|1R|M|N]]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1S|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

<p>If a CSS solution meets your needs, you can apply the <a href="http://www.w3.org/TR/CSS2/text.html#caps-prop" rel="noreferrer">text-transform</a> CSS style to your controls:</p>
<pre><code>text-transform: capitalize;
</code></pre>
<p>Just be aware that this will transform:<br />
<code>hello world</code> to <code>Hello World</code><br />
<code>HELLO WORLD</code> to <code>HELLO WORLD</code> (no change)<br />
<code>emily-jane o'brien</code> to <code>Emily-jane O'brien</code> (incorrect)<br />
<code>Maria von Trapp</code> to <code>Maria Von Trapp</code> (incorrect)</p>


blocks|key|5197684|text|以防你担心那些填充词，你可以随时告诉函数什么不大写。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5197685|/**
+*+@param+String+str+The+text+to+be+converted+to+titleCase.
+*+@param+Array+glue+the+words+to+leave+in+lowercase.+
+*/
var+titleCase+=+function(str,+glue){
++++glue+=+(glue)+?+glue+:+['of',+'for',+'and'];
++++return+str.replace(/(\w)(\w*)/g,+function(_,+i,+r){
++++++++var+j+=+i.toUpperCase()+%2B+(r+!=+null+?+r+:+"");
++++++++return+(glue.indexOf(j.toLowerCase())<0)?j:j.toLowerCase();
++++});
};|code-block|syntax|javascript|5197686|希望这能帮到你。|5197687|编辑|5197688|如果你想处理前导粘合单词，你可以跟踪这个变量：|5197689|var+titleCase+=+function(str,+glue){
++++glue+=+!!glue+?+glue+:+['of',+'for',+'and',+'a'];
++++var+first+=+true;
++++return+str.replace(/(\w)(\w*)/g,+function(_,+i,+r)+{
++++++++var+j+=+i.toUpperCase()+%2B+(r+!=+null+?+r+:+'').toLowerCase();
++++++++var+result+=+((glue.indexOf(j.toLowerCase())+<+0)+%7C%7C+first)+?+j+:+j.toLowerCase();
++++++++first+=+false;
++++++++return+result;
++++});
};|5197690|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Just in case you are worried about those filler words, you can always just tell the function what not to capitalize.</p>

<pre><code>/**
 * @param String str The text to be converted to titleCase.
 * @param Array glue the words to leave in lowercase. 
 */
var titleCase = function(str, glue){
    glue = (glue) ? glue : ['of', 'for', 'and'];
    return str.replace(/(\w)(\w*)/g, function(_, i, r){
        var j = i.toUpperCase() + (r != null ? r : "");
        return (glue.indexOf(j.toLowerCase())&lt;0)?j:j.toLowerCase();
    });
};
</code></pre>

<p>Hope this helps you out.</p>

<h3>edit</h3>

<p>If you want to handle leading glue words, you can keep track of this w/ one more variable:</p>

<pre><code>var titleCase = function(str, glue){
    glue = !!glue ? glue : ['of', 'for', 'and', 'a'];
    var first = true;
    return str.replace(/(\w)(\w*)/g, function(_, i, r) {
        var j = i.toUpperCase() + (r != null ? r : '').toLowerCase();
        var result = ((glue.indexOf(j.toLowerCase()) &lt; 0) || first) ? j : j.toLowerCase();
        first = false;
        return result;
    });
};
</code></pre>


blocks|key|5197719|text|一种稍微优雅的方式，采用Greg+Dean的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5197720|String.prototype.toProperCase+=+function+()+{
++++return+this.replace(/\w\S*/g,+function(txt){return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();});
};|code-block|syntax|javascript|5197721|它的名称如下：|5197722|"pascal".toProperCase();|5197723|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>A slightly more elegant way, adapting Greg Dean's function:</p>

<pre><code>String.prototype.toProperCase = function () {
    return this.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
};
</code></pre>

<p>Call it like:</p>

<pre><code>"pascal".toProperCase();
</code></pre>


blocks|key|1668734|text|下面是我的函数，它转换为标题大小写，但也将定义的缩写保留为大写，将次要单词保留为小写：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1668735|String.prototype.toTitleCase+=+function()+{
++var+i,+j,+str,+lowers,+uppers;
++str+=+this.replace(/([%5E\W_]%2B[%5E\s-]*)+*/g,+function(txt)+{
++++return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();
++});

++//+Certain+minor+words+should+be+left+lowercase+unless+
++//+they+are+the+first+or+last+words+in+the+string
++lowers+=+['A',+'An',+'The',+'And',+'But',+'Or',+'For',+'Nor',+'As',+'At',+
++'By',+'For',+'From',+'In',+'Into',+'Near',+'Of',+'On',+'Onto',+'To',+'With'];
++for+(i+=+0,+j+=+lowers.length;+i+<+j;+i%2B%2B)
++++str+=+str.replace(new+RegExp('\\s'+%2B+lowers[i]+%2B+'\\s',+'g'),+
++++++function(txt)+{
++++++++return+txt.toLowerCase();
++++++});

++//+Certain+words+such+as+initialisms+or+acronyms+should+be+left+uppercase
++uppers+=+['Id',+'Tv'];
++for+(i+=+0,+j+=+uppers.length;+i+<+j;+i%2B%2B)
++++str+=+str.replace(new+RegExp('\\b'+%2B+uppers[i]+%2B+'\\b',+'g'),+
++++++uppers[i].toUpperCase());

++return+str;
}|code-block|syntax|javascript|1668736|例如：|1668737|"TO+LOGIN+TO+THIS+SITE+and+watch+tv,+please+enter+a+valid+id:".toTitleCase();
//+Returns:+"To+Login+to+This+Site+and+Watch+TV,+Please+Enter+a+Valid+ID:"|1668738|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Here’s my function that converts to title case but also preserves defined acronyms as uppercase and minor words as lowercase:</p>

<pre><code>String.prototype.toTitleCase = function() {
  var i, j, str, lowers, uppers;
  str = this.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
  });

  // Certain minor words should be left lowercase unless 
  // they are the first or last words in the string
  lowers = ['A', 'An', 'The', 'And', 'But', 'Or', 'For', 'Nor', 'As', 'At', 
  'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
  for (i = 0, j = lowers.length; i &lt; j; i++)
    str = str.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'), 
      function(txt) {
        return txt.toLowerCase();
      });

  // Certain words such as initialisms or acronyms should be left uppercase
  uppers = ['Id', 'Tv'];
  for (i = 0, j = uppers.length; i &lt; j; i++)
    str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'), 
      uppers[i].toUpperCase());

  return str;
}
</code></pre>

<p>For example:</p>

<pre><code>"TO LOGIN TO THIS SITE and watch tv, please enter a valid id:".toTitleCase();
// Returns: "To Login to This Site and Watch TV, Please Enter a Valid ID:"
</code></pre>


blocks|key|1457765|text|不使用正则表达式作为参考：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1457766|​|1457767|String.prototype.toProperCase+=+function()+{
++var+words+=+this.split('+');
++var+results+=+[];
++for+(var+i+=+0;+i+<+words.length;+i%2B%2B)+{
++++var+letter+=+words[i].charAt(0).toUpperCase();
++++results.push(letter+%2B+words[i].slice(1));
++}
++return+results.join('+');
};

console.log(
++'john+smith'.toProperCase()
)|code-block|syntax|javascript|1457768|1457769|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Without using regex just for reference:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>String.prototype.toProperCase = function() {
  var words = this.split(' ');
  var results = [];
  for (var i = 0; i &lt; words.length; i++) {
    var letter = words[i].charAt(0).toUpperCase();
    results.push(letter + words[i].slice(1));
  }
  return results.join(' ');
};

console.log(
  'john smith'.toProperCase()
)</code></pre>
</div>
</div>
</p>


blocks|key|1668767|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1668768|String.prototype.toProperCase+=+function(){
++++return+this.toLowerCase().replace(/(%5E[a-z]%7C+[a-z]%7C-[a-z])/g,+
++++++++function($1){
++++++++++++return+$1.toUpperCase();
++++++++}
++++);
};|code-block|syntax|javascript|1668769|示例|1668770|var+str+=+'john+smith';
str.toProperCase();|1668771|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Try this</p>

<pre><code>String.prototype.toProperCase = function(){
    return this.toLowerCase().replace(/(^[a-z]| [a-z]|-[a-z])/g, 
        function($1){
            return $1.toUpperCase();
        }
    );
};
</code></pre>

<p>Example</p>

<pre><code>var str = 'john smith';
str.toProperCase();
</code></pre>


blocks|key|1453453|text|与John+Resig的解决方案功能齐全，但作为一行程序：(基于this+github+project)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1453454|function+toTitleCase(e){var+t=/%5E(a%7Can%7Cand%7Cas%7Cat%7Cbut%7Cby%7Cen%7Cfor%7Cif%7Cin%7Cof%7Con%7Cor%7Cthe%7Cto%7Cvs?\.?%7Cvia)$/i;return+e.replace(/([%5E\W_]%2B[%5E\s-]*)+*/g,function(e,n,r,i){return+r>0&&r%2Bn.length!==i.length&&n.search(t)>-1&&i.charAt(r-2)!==":"&&i.charAt(r-1).search(/[%5E\s-]/)<0?e.toLowerCase():n.substr(1).search(/[A-Z]%7C\../)>-1?e:e.charAt(0).toUpperCase()%2Be.substr(1)})};

console.log(+toTitleCase(+"ignores+mixed+case+words+like+iTunes,+and+allows+AT&A+and+website.com/address+etc..."+)+);|code-block|syntax|javascript|1453455|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gouch/to-title-case^0|W|J|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>As full featured as John Resig's solution, but as a one-liner: (based on <a href="https://github.com/gouch/to-title-case" rel="nofollow">this github project</a>)</p>

<pre><code>function toTitleCase(e){var t=/^(a|an|and|as|at|but|by|en|for|if|in|of|on|or|the|to|vs?\.?|via)$/i;return e.replace(/([^\W_]+[^\s-]*) */g,function(e,n,r,i){return r&gt;0&amp;&amp;r+n.length!==i.length&amp;&amp;n.search(t)&gt;-1&amp;&amp;i.charAt(r-2)!==":"&amp;&amp;i.charAt(r-1).search(/[^\s-]/)&lt;0?e.toLowerCase():n.substr(1).search(/[A-Z]|\../)&gt;-1?e:e.charAt(0).toUpperCase()+e.substr(1)})};

console.log( toTitleCase( "ignores mixed case words like iTunes, and allows AT&amp;A and website.com/address etc..." ) );
</code></pre>


blocks|key|1668787|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1668788|var+result+=
++'this+is+very+interesting'.replace(/\b[a-z]/g,+(x)+=>+x.toUpperCase())

console.log(result)+//+This+Is+Very+Interesting|code-block|syntax|javascript|1668789|1668790|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var result =
  'this is very interesting'.replace(/\b[a-z]/g, (x) =&gt; x.toUpperCase())

console.log(result) // This Is Very Interesting</code></pre>
</div>
</div>
</p>


blocks|key|1453476|text|这是我的版本，我认为它很容易理解，也很优雅。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1453477|​|1453478|var+str+=+"foo+bar+baz"

console.log(

str.split('+')
+++.map(w+=>+w[0].toUpperCase()+%2B+w.substr(1).toLowerCase())
+++.join('+')

)
//+returns+"Foo+Bar+Baz"|code-block|syntax|javascript|1453479|1453480|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Here's my version, IMO it's easy to understand and elegant too.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var str = "foo bar baz"

console.log(

str.split(' ')
   .map(w =&gt; w[0].toUpperCase() + w.substr(1).toLowerCase())
   .join(' ')

)
// returns "Foo Bar Baz"</code></pre>
</div>
</div>
</p>


blocks|key|1457808|text|这些答案中的大多数似乎忽略了使用单词边界元字符(\b)的可能性。这是Greg+Dean用它来回答的一个简短版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1457809|function+toTitleCase(str)
{
++++return+str.replace(/\b\w/g,+function+(txt)+{+return+txt.toUpperCase();+});
}|code-block|syntax|javascript|1457810|也适用于像Jim-Bob这样用连字符连接的名字。|1457811|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Most of these answers seem to ignore the possibility of using the word boundary metacharacter (\b). A shorter version of Greg Dean's answer utilizing it:</p>

<pre><code>function toTitleCase(str)
{
    return str.replace(/\b\w/g, function (txt) { return txt.toUpperCase(); });
}
</code></pre>

<p>Works for hyphenated names like Jim-Bob too.</p>


blocks|key|1453518|text|采用"lewax00“解决方案，我创建了这个简单的解决方案，强制以空格开头的"w”或以de单词开头的"w“，但不能删除额外的中间空格。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1453519|​|1453520|"SOFÍA+vergara".toLowerCase().replace(/\b(\s\w%7C%5E\w)/g,+function+(txt)+{+return+txt.toUpperCase();+});|code-block|syntax|javascript|1453521|1453522|结果是"Sofía+Vergara“。|1453523|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Taking the "lewax00" solution I created this simple solution that force to "w" starting with space or "w" that initiate de word, but is not able   to remove the extra intermediate spaces.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>"SOFÍA vergara".toLowerCase().replace(/\b(\s\w|^\w)/g, function (txt) { return txt.toUpperCase(); });</code></pre>
</div>
</div>
</p>

<p>The result is "Sofía Vergara".</p>


blocks|key|5197916|text|这篇文章并不简短，但这是我最近在学校的一次作业中想到的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5197917|​|5197918|var+myPoem+=+'What+is+a+jQuery+but+a+misunderstood+object?'
//What+is+a+jQuery+but+a+misunderstood+object?+-->+What+Is+A+JQuery+But+A+Misunderstood+Object?

++//code+here
var+capitalize+=+function(str)+{
++var+strArr+=+str.split('+');
++var+newArr+=+[];
++for+(var+i+=+0;+i+<+strArr.length;+i%2B%2B)+{
++++newArr.push(strArr[i].charAt(0).toUpperCase()+%2B+strArr[i].slice(1))
++};
++return+newArr.join('+')++
}

var+fixedPoem+=+capitalize(myPoem);
alert(fixedPoem);|code-block|syntax|javascript|5197919|5197920|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>It's not short but here is what I came up with on a recent assignment in school:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var myPoem = 'What is a jQuery but a misunderstood object?'
//What is a jQuery but a misunderstood object? --&gt; What Is A JQuery But A Misunderstood Object?

  //code here
var capitalize = function(str) {
  var strArr = str.split(' ');
  var newArr = [];
  for (var i = 0; i &lt; strArr.length; i++) {
    newArr.push(strArr[i].charAt(0).toUpperCase() + strArr[i].slice(1))
  };
  return newArr.join(' ')  
}

var fixedPoem = capitalize(myPoem);
alert(fixedPoem);</code></pre>
</div>
</div>
</p>


blocks|key|5197922|text|function+toTitleCase(str)+{
++var+strnew+=+"";
++var+i+=+0;

++for+(i+=+0;+i+<+str.length;+i%2B%2B)+{
++++if+(i+==+0)+{
++++++strnew+=+strnew+%2B+str[i].toUpperCase();
++++}+else+if+(i+!=+0+&&+str[i+-+1]+==+"+")+{
++++++strnew+=+strnew+%2B+str[i].toUpperCase();
++++}+else+{
++++++strnew+=+strnew+%2B+str[i];
++++}
++}

++alert(strnew);
}

toTitleCase("hello+world+how+are+u");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|5197923|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-js prettyprint-override"><code>function toTitleCase(str) {
  var strnew = "";
  var i = 0;

  for (i = 0; i &lt; str.length; i++) {
    if (i == 0) {
      strnew = strnew + str[i].toUpperCase();
    } else if (i != 0 &amp;&amp; str[i - 1] == " ") {
      strnew = strnew + str[i].toUpperCase();
    } else {
      strnew = strnew + str[i];
    }
  }

  alert(strnew);
}

toTitleCase("hello world how are u");
</code></pre>


blocks|key|1453540|text|这是一行解决方案，如果你想转换字符串中的每一项工作，用“”分割字符串，迭代各个部分并将这个解决方案应用于每个部分，将每个转换的部分添加到一个数组中，并用“”连接它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1453541|​|1453542|var+stringToConvert+=+'john';
stringToConvert+=+stringToConvert.charAt(0).toUpperCase()+%2B+Array.prototype.slice.call(stringToConvert,+1).join('');
console.log(stringToConvert);|code-block|syntax|javascript|1453543|1453544|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This is one line solution, if you want convert every work in the string, Split the string by " ", iterate over the parts and apply this solution to each part, add every converted part to a array and join it with " ".</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var stringToConvert = 'john';
stringToConvert = stringToConvert.charAt(0).toUpperCase() + Array.prototype.slice.call(stringToConvert, 1).join('');
console.log(stringToConvert);</code></pre>
</div>
</div>
</p>


blocks|key|5197962|text|Greg+Dean解决方案的原型解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5197963|String.prototype.capitalize+=+function()+{
++return+this.replace(/\w\S*/g,+function(txt){return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();});
}|code-block|syntax|javascript|5197964|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Prototype solution of Greg Dean's solution:</p>

<pre><code>String.prototype.capitalize = function() {
  return this.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}
</code></pre>


blocks|key|3779864|text|更简单、更高性能的版本，具有简单的缓存。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3779865|​|3779866|++var+TITLE_CASE_LOWER_MAP+=+{
++++'a':+1,+'an':+1,+'and':+1,+'as':+1,+'at':+1,+'but':+1,+'by':+1,+'en':1,+'with':+1,
++++'for':+1,+'if':+1,+'in':+1,+'of':+1,+'on':+1,+'the':+1,+'to':+1,+'via':+1
++};

++//+LEAK/CACHE+TODO:+evaluate+using+LRU.
++var+TITLE_CASE_CACHE+=+new+Object();

++toTitleCase:+function+(title)+{
++++if+(!title)+return+null;

++++var+result+=+TITLE_CASE_CACHE[title];
++++if+(result)+{
++++++return+result;
++++}

++++result+=+"";
++++var+split+=+title.toLowerCase().split("+");
++++for+(var+i=0;+i+<+split.length;+i%2B%2B)+{

++++++if+(i+>+0)+{
++++++++result+%2B=+"+";
++++++}

++++++var+word+=+split[i];
++++++if+(i+==+0+%7C%7C+TITLE_CASE_LOWER_MAP[word]+!=+1)+{
++++++++word+=+word.substr(0,1).toUpperCase()+%2B+word.substr(1);
++++++}

++++++result+%2B=+word;
++++}

++++TITLE_CASE_CACHE[title]+=+result;

++++return+result;
++},|code-block|syntax|javascript|3779867|3779868|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Simpler more performant version, with simple caching. </p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>  var TITLE_CASE_LOWER_MAP = {
    'a': 1, 'an': 1, 'and': 1, 'as': 1, 'at': 1, 'but': 1, 'by': 1, 'en':1, 'with': 1,
    'for': 1, 'if': 1, 'in': 1, 'of': 1, 'on': 1, 'the': 1, 'to': 1, 'via': 1
  };

  // LEAK/CACHE TODO: evaluate using LRU.
  var TITLE_CASE_CACHE = new Object();

  toTitleCase: function (title) {
    if (!title) return null;

    var result = TITLE_CASE_CACHE[title];
    if (result) {
      return result;
    }

    result = "";
    var split = title.toLowerCase().split(" ");
    for (var i=0; i &lt; split.length; i++) {

      if (i &gt; 0) {
        result += " ";
      }

      var word = split[i];
      if (i == 0 || TITLE_CASE_LOWER_MAP[word] != 1) {
        word = word.substr(0,1).toUpperCase() + word.substr(1);
      }

      result += word;
    }

    TITLE_CASE_CACHE[title] = result;

    return result;
  },</code></pre>
</div>
</div>
</p>


blocks|key|5197984|text|这是基于我对FreeCodeCamp's+Bonfire+"Title+Case"的解决方案，它要求您首先将给定的字符串全部转换为小写，然后将空格前面的每个字符转换为大写。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5197985|不使用正则表达式：|5197986|function+titleCase(str)+{
+return+str.toLowerCase().split('+').map(function(val)+{+return+val.replace(val[0],+val[0].toUpperCase());+}).join('+');
}|code-block|syntax|javascript|5197987|entityMap|0|LINK|mutability|MUTABLE|url|http://www.freecodecamp.com/challenges/bonfire-title-case-a-sentence^0|6|Z|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>This is based on my solution for <a href="http://www.freecodecamp.com/challenges/bonfire-title-case-a-sentence" rel="nofollow">FreeCodeCamp's Bonfire "Title Case"</a>, which requires you to first convert the given string to all lower case and then convert every character proceeding a space to upper case.</p>

<p>Without using regex:</p>

<pre><code>function titleCase(str) {
 return str.toLowerCase().split(' ').map(function(val) { return val.replace(val[0], val[0].toUpperCase()); }).join(' ');
}
</code></pre>


blocks|key|1668999|text|function+titleCase(str)+{
++++str+=+str.toLowerCase();

++++var+strArray+=+str.split("+");


++++for(var+i+=+0;+i+<+strArray.length;+i%2B%2B){
++++++++strArray[i]+=+strArray[i].charAt(0).toUpperCase()+%2B+strArray[i].substr(1);

++++}

++++var+result+=+strArray.join("+");

++++//Return+the+string
++++return+result;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1669000|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function titleCase(str) {
    str = str.toLowerCase();

    var strArray = str.split(" ");


    for(var i = 0; i &lt; strArray.length; i++){
        strArray[i] = strArray[i].charAt(0).toUpperCase() + strArray[i].substr(1);

    }

    var result = strArray.join(" ");

    //Return the string
    return result;
}
</code></pre>


blocks|key|1669002|text|String.prototype.capitalize+=+function()+{
++++return+this.toLowerCase().split('+').map(capFirst).join('+');
++++function+capFirst(str)+{
++++++++return+str.length+===+0+?+str+:+str[0].toUpperCase()+%2B+str.substr(1);
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1669003|用法：|unstyled|1669004|"hello+world".capitalize()|1669005|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>String.prototype.capitalize = function() {
    return this.toLowerCase().split(' ').map(capFirst).join(' ');
    function capFirst(str) {
        return str.length === 0 ? str : str[0].toUpperCase() + str.substr(1);
    }
}
</code></pre>

<p>Usage:</p>

<pre><code>"hello world".capitalize()
</code></pre>


blocks|key|5198019|text|如果以上解决方案中使用的正则表达式让您感到困惑，请尝试以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198020|function+titleCase(str)+{
++return+str.split('+').map(function(val){+
++++return+val.charAt(0).toUpperCase()+%2B+val.substr(1).toLowerCase();
++}).join('+');
}|code-block|syntax|javascript|5198021|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If regex used in the above solutions is getting you confused, try this code:</p>

<pre><code>function titleCase(str) {
  return str.split(' ').map(function(val){ 
    return val.charAt(0).toUpperCase() + val.substr(1).toLowerCase();
  }).join(' ');
}
</code></pre>


blocks|key|3779901|text|我对这个问题的简单易懂的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3779902|++++function+titlecase(str){
++++var+arr=[];++
++++var+str1=str.split('+');
++++for+(var+i+=+0;+i+<+str1.length;+i%2B%2B)+{
++++var+upper=+str1[i].charAt(0).toUpperCase()%2B+str1[i].substr(1);
++++arr.push(upper);
+++++};
++++++return+arr.join('+');
++++}
++++titlecase('my+name+is+suryatapa+roy');|code-block|syntax|javascript|3779903|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>My simple and easy version to the problem:</p>

<pre><code>    function titlecase(str){
    var arr=[];  
    var str1=str.split(' ');
    for (var i = 0; i &lt; str1.length; i++) {
    var upper= str1[i].charAt(0).toUpperCase()+ str1[i].substr(1);
    arr.push(upper);
     };
      return arr.join(' ');
    }
    titlecase('my name is suryatapa roy');
</code></pre>


blocks|key|1457933|text|使用/\S%2B/g支持变音符号：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1457934|​|1457935|function+toTitleCase(str)+{
++return+str.replace(/\S%2B/g,+str+=>+str.charAt(0).toUpperCase()+%2B+str.substr(1).toLowerCase());
}

console.log(toTitleCase("a+city+named+örebro"));+//+A+City+Named+Örebro|code-block|syntax|javascript|1457936|1457937|然而："sunshine+(y⇒)+"Sunshine+(y⇒)“⇒”|BOLD|1457938|entityMap^0|2|6|0|0|0|0|4|1|E|1|J|1|T|1|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|Y|8|@$9|Z|A|10|B|P]|$9|11|A|12|B|P]|$9|13|A|14|B|P]|$9|15|A|16|B|P]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$]]

<p>Use <code>/\S+/g</code> to support diacritics:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toTitleCase(str) {
  return str.replace(/\S+/g, str =&gt; str.charAt(0).toUpperCase() + str.substr(1).toLowerCase());
}

console.log(toTitleCase("a city named örebro")); // A City Named Örebro</code></pre>
</div>
</div>
</p>

<p>However: "<strong>s</strong>unshine (<strong>y</strong>ellow)" ⇒ "<strong>S</strong>unshine (<strong>y</strong>ellow)"</p>


blocks|key|5198062|text|只是要添加到混合中的另一个版本。这还将检查string.length是否为0：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198063|String.prototype.toTitleCase+=+function()+{
++++var+str+=+this;
++++if(!str.length)+{
++++++++return+"";
++++}
++++str+=+str.split("+");
++++for(var+i+=+0;+i+<+str.length;+i%2B%2B)+{
++++++++str[i]+=+str[i].charAt(0).toUpperCase()+%2B+(str[i].substr(1).length+?+str[i].substr(1)+:+'');
++++}
++++return+(str.length+?+str.join("+")+:+str);
};|code-block|syntax|javascript|5198064|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just another version to add to the mix. This will also check if the string.length is 0:</p>

<pre><code>String.prototype.toTitleCase = function() {
    var str = this;
    if(!str.length) {
        return "";
    }
    str = str.split(" ");
    for(var i = 0; i &lt; str.length; i++) {
        str[i] = str[i].charAt(0).toUpperCase() + (str[i].substr(1).length ? str[i].substr(1) : '');
    }
    return (str.length ? str.join(" ") : str);
};
</code></pre>


blocks|key|5198096|text|健壮的函数式编程方法来实现Title+Case+Function|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5198097|Exaplin版本|BOLD|5198098|function+toTitleCase(input){
++++let+output+=+input
++++++++.split('+')++//+'HOw+aRe+YOU'+=>+['HOw'+'aRe'+'YOU']
++++++++.map((letter)+=>+{
++++++++++++let+firstLetter+=+letter[0].toUpperCase()+//+H+,+a+,+Y++=>+H+,+A+,+Y
++++++++++++let+restLetters+=+letter.substring(1).toLowerCase()+//+Ow,+Re,+OU+=>+ow,+re,+ou
++++++++++++return+firstLetter+%2B+restLetters+//+conbine+together
++++++++})
++++++++.join('+')+//['How'+'Are'+'You']+=>+'How+Are+You'
++++return+output
}|code-block|syntax|javascript|5198099|实现版本|5198100|function+toTitleCase(input){
++++return+input
++++++++++++.split('+')
++++++++++++.map(i+=>+i[0].toUpperCase()+%2B+i.substring(1).toLowerCase())
++++++++++++.join('+')+
}

toTitleCase('HoW+ARe+yoU')+//+reuturn+'How+Are+You'|5198101|entityMap^0|D|J|0|0|9|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|Z|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|10|8|@$9|11|A|12|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|13|8|@]|D|@]|E|$L|M]]|$1|R|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|S|$]]

<p>Robust Functional programming way to do <code>Title Case Function</code></p>

<p><strong>Exaplin Version</strong></p>

<pre><code>function toTitleCase(input){
    let output = input
        .split(' ')  // 'HOw aRe YOU' =&gt; ['HOw' 'aRe' 'YOU']
        .map((letter) =&gt; {
            let firstLetter = letter[0].toUpperCase() // H , a , Y  =&gt; H , A , Y
            let restLetters = letter.substring(1).toLowerCase() // Ow, Re, OU =&gt; ow, re, ou
            return firstLetter + restLetters // conbine together
        })
        .join(' ') //['How' 'Are' 'You'] =&gt; 'How Are You'
    return output
}
</code></pre>

<p><strong>Implementation version</strong></p>

<pre><code>function toTitleCase(input){
    return input
            .split(' ')
            .map(i =&gt; i[0].toUpperCase() + i.substring(1).toLowerCase())
            .join(' ') 
}

toTitleCase('HoW ARe yoU') // reuturn 'How Are You'
</code></pre>


blocks|key|1669086|text|您可以立即toLowerCase字符串，然后只需toUpperCase每个单词的第一个字母。变成一个非常简单的1行代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1669087|​|1669088|function+titleCase(str)+{
++return+str.toLowerCase().replace(/\b(\w)/g,+s+=>+s.toUpperCase());
}

console.log(titleCase('iron+man'));
console.log(titleCase('iNcrEdible+hulK'));|code-block|syntax|javascript|1669089|1669090|entityMap^0|5|B|O|B|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|O|$]]

<p>You could immediately <code>toLowerCase</code> the string, and then just <code>toUpperCase</code> the first letter of each word. Becomes a very simple 1 liner:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function titleCase(str) {
  return str.toLowerCase().replace(/\b(\w)/g, s =&gt; s.toUpperCase());
}

console.log(titleCase('iron man'));
console.log(titleCase('iNcrEdible hulK'));</code></pre>
</div>
</div>
</p>


blocks|key|3779959|text|ES6+one+liner|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3779960|const+toTitleCase+=+string+=>+string.split('+').map((word)+=>+[word[0].toUpperCase(),+...word.substr(1)].join('')).join('+');|code-block|syntax|javascript|3779961|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>ES6 one liner</p>

<pre><code>const toTitleCase = string =&gt; string.split(' ').map((word) =&gt; [word[0].toUpperCase(), ...word.substr(1)].join('')).join(' ');
</code></pre>


blocks|key|5198131|text|ES+6|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198132|str.split('+')
+++.map(s+=>+s.slice(0,+1).toUpperCase()+%2B+s.slice(1).toLowerCase())
+++.join('+')|code-block|syntax|javascript|5198133|否则|5198134|str.split('+').map(function+(s)+{
++++return+s.slice(0,+1).toUpperCase()+%2B+s.slice(1).toLowerCase();
}).join('+')|5198135|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>ES 6</p>

<pre><code>str.split(' ')
   .map(s =&gt; s.slice(0, 1).toUpperCase() + s.slice(1).toLowerCase())
   .join(' ')
</code></pre>

<p>else</p>

<pre><code>str.split(' ').map(function (s) {
    return s.slice(0, 1).toUpperCase() + s.slice(1).toLowerCase();
}).join(' ')
</code></pre>


blocks|key|3779992|text|下面是我的处理重音字符的函数(对于法语很重要!)这可以打开/关闭对较低异常的处理。希望这能有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3779993|String.prototype.titlecase+=+function(lang,+withLowers+=+false)+{
++++var+i,+string,+lowers,+uppers;

++++string+=+this.replace(/([%5E\s:\-'])([%5E\s:\-']*)/g,+function(txt)+{
++++++++return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();
++++}).replace(/Mc(.)/g,+function(match,+next)+{
++++++++return+'Mc'+%2B+next.toUpperCase();
++++});

++++if+(withLowers)+{
++++++++if+(lang+==+'EN')+{
++++++++++++lowers+=+['A',+'An',+'The',+'At',+'By',+'For',+'In',+'Of',+'On',+'To',+'Up',+'And',+'As',+'But',+'Or',+'Nor',+'Not'];
++++++++}
++++++++else+{
++++++++++++lowers+=+['Un',+'Une',+'Le',+'La',+'Les',+'Du',+'De',+'Des',+'À',+'Au',+'Aux',+'Par',+'Pour',+'Dans',+'Sur',+'Et',+'Comme',+'Mais',+'Ou',+'Où',+'Ne',+'Ni',+'Pas'];
++++++++}
++++++++for+(i+=+0;+i+<+lowers.length;+i%2B%2B)+{
++++++++++++string+=+string.replace(new+RegExp('\\s'+%2B+lowers[i]+%2B+'\\s',+'g'),+function(txt)+{
++++++++++++++++return+txt.toLowerCase();
++++++++++++});
++++++++}
++++}

++++uppers+=+['Id',+'R&d'];
++++for+(i+=+0;+i+<+uppers.length;+i%2B%2B)+{
++++++++string+=+string.replace(new+RegExp('\\b'+%2B+uppers[i]+%2B+'\\b',+'g'),+uppers[i].toUpperCase());
++++}

++++return+string;
}|code-block|syntax|javascript|3779994|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is my function that is taking care of accented characters (important for french !) and that can switch on/off the handling of lowers exceptions. Hope that helps.</p>

<pre><code>String.prototype.titlecase = function(lang, withLowers = false) {
    var i, string, lowers, uppers;

    string = this.replace(/([^\s:\-'])([^\s:\-']*)/g, function(txt) {
        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }).replace(/Mc(.)/g, function(match, next) {
        return 'Mc' + next.toUpperCase();
    });

    if (withLowers) {
        if (lang == 'EN') {
            lowers = ['A', 'An', 'The', 'At', 'By', 'For', 'In', 'Of', 'On', 'To', 'Up', 'And', 'As', 'But', 'Or', 'Nor', 'Not'];
        }
        else {
            lowers = ['Un', 'Une', 'Le', 'La', 'Les', 'Du', 'De', 'Des', 'À', 'Au', 'Aux', 'Par', 'Pour', 'Dans', 'Sur', 'Et', 'Comme', 'Mais', 'Ou', 'Où', 'Ne', 'Ni', 'Pas'];
        }
        for (i = 0; i &lt; lowers.length; i++) {
            string = string.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'), function(txt) {
                return txt.toLowerCase();
            });
        }
    }

    uppers = ['Id', 'R&amp;d'];
    for (i = 0; i &lt; uppers.length; i++) {
        string = string.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'), uppers[i].toUpperCase());
    }

    return string;
}
</code></pre>


blocks|key|3780012|text|如果你可以在你的代码中使用第三方库，那么lodash为我们提供了一个helper函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780013|https://lodash.com/docs/4.17.3#startCase|offset|length|3780014|​|3780015|_.startCase('foo+bar');
//+=>+'Foo+Bar'

_.startCase('--foo-bar--');
//+=>+'Foo+Bar'
+
_.startCase('fooBar');
//+=>+'Foo+Bar'
+
_.startCase('__FOO_BAR__');
//+=>+'FOO+BAR'|code-block|syntax|javascript|3780016|3780017|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|C]]]]

<p>If you can use third party libraries in your code then lodash has a helper function for us.</p>

<p><a href="https://lodash.com/docs/4.17.3#startCase" rel="noreferrer">https://lodash.com/docs/4.17.3#startCase</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>_.startCase('foo bar');
// =&gt; 'Foo Bar'

_.startCase('--foo-bar--');
// =&gt; 'Foo Bar'
 
_.startCase('fooBar');
// =&gt; 'Foo Bar'
 
_.startCase('__FOO_BAR__');
// =&gt; 'FOO BAR'</code></pre>
</div>
</div>
</p>


blocks|key|5198197|text|试试这个，最短的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198198|str.replace(/(%5E[a-z])%7C(\s%2B[a-z])/g,+txt+=>+txt.toUpperCase());|code-block|syntax|javascript|5198199|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this, shortest way:</p>

<pre><code>str.replace(/(^[a-z])|(\s+[a-z])/g, txt =&gt; txt.toUpperCase());
</code></pre>


blocks|key|1669174|text|对于我们中那些害怕正则表达式(Lol)的人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669175|​|1669176|function+titleCase(str)
{
++++var+words+=+str.split("+");
++++for+(+var+i+=+0;+i+<+words.length;+i%2B%2B+)
++++{
++++++++var+j+=+words[i].charAt(0).toUpperCase();
++++++++words[i]+=+j+%2B+words[i].substr(1);
++++}
++++return+words.join("+");
}|code-block|syntax|javascript|1669177|1669178|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>For those of us who are scared of regular expressions (lol):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function titleCase(str)
{
    var words = str.split(" ");
    for ( var i = 0; i &lt; words.length; i++ )
    {
        var j = words[i].charAt(0).toUpperCase();
        words[i] = j + words[i].substr(1);
    }
    return words.join(" ");
}</code></pre>
</div>
</div>
</p>


blocks|key|1669198|text|此解决方案将新句子的标点符号考虑在内，处理引用，将次要单词转换为小写，并忽略首字母缩写或全大写单词。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669199|var+stopWordsArray+=+new+Array("a",+"all",+"am",+"an",+"and",+"any",+"are",+"as",+"at",+"be",+"but",+"by",+"can",+"can't",+"did",+"didn't",+"do",+"does",+"doesn't",+"don't",+"else",+"for",+"get",+"gets",+"go",+"got",+"had",+"has",+"he",+"he's",+"her",+"here",+"hers",+"hi",+"him",+"his",+"how",+"i'd",+"i'll",+"i'm",+"i've",+"if",+"in",+"is",+"isn't",+"it",+"it's",+"its",+"let",+"let's",+"may",+"me",+"my",+"no",+"of",+"off",+"on",+"our",+"ours",+"she",+"so",+"than",+"that",+"that's",+"thats",+"the",+"their",+"theirs",+"them",+"then",+"there",+"there's",+"these",+"they",+"they'd",+"they'll",+"they're",+"they've",+"this",+"those",+"to",+"too",+"try",+"until",+"us",+"want",+"wants",+"was",+"wasn't",+"we",+"we'd",+"we'll",+"we're",+"we've",+"well",+"went",+"were",+"weren't",+"what",+"what's",+"when",+"where",+"which",+"who",+"who's",+"whose",+"why",+"will",+"with",+"won't",+"would",+"yes",+"yet",+"you",+"you'd",+"you'll",+"you're",+"you've",+"your");

//+Only+significant+words+are+transformed.+Handles+acronyms+and+punctuation
String.prototype.toTitleCase+=+function()+{
++++var+newSentence+=+true;
++++return+this.split(/\s%2B/).map(function(word)+{
++++++++if+(word+==+"")+{+return;+}
++++++++var+canCapitalise+=+true;
++++++++//+Get+the+pos+of+the+first+alpha+char+(word+might+start+with+"+or+')
++++++++var+firstAlphaCharPos+=+word.search(/\w/);
++++++++//+Check+for+uppercase+char+that+is+not+the+first+char+(might+be+acronym+or+all+caps)
++++++++if+(word.search(/[A-Z]/)+>+0)+{
++++++++++++canCapitalise+=+false;
++++++++}+else+if+(stopWordsArray.indexOf(word)+!=+-1)+{
++++++++++++//+Is+a+stop+word+and+not+a+new+sentence
++++++++++++word.toLowerCase();
++++++++++++if+(!newSentence)+{
++++++++++++++++canCapitalise+=+false;
++++++++++++}
++++++++}
++++++++//+Is+this+the+last+word+in+a+sentence?
++++++++newSentence+=+(word.search(/[\.!\?:]['"]?$/)+>+0)?+true+:+false;
++++++++return+(canCapitalise)?+word.replace(word[firstAlphaCharPos],+word[firstAlphaCharPos].toUpperCase())+:+word;
++++}).join('+');
}

//+Pass+a+string+using+dot+notation:
alert("A+critical+examination+of+Plato's+view+of+the+human+nature".toTitleCase());
var+str+=+"Ten+years+on:+a+study+into+the+effectiveness+of+NCEA+in+New+Zealand+schools";
str.toTitleCase());
str+=+"\"Where+to+from+here?\"+the+effectivness+of+eLearning+in+childhood+education";
alert(str.toTitleCase());

/*+Result:
A+Critical+Examination+of+Plato's+View+of+the+Human+Nature.
Ten+Years+On:+A+Study+Into+the+Effectiveness+of+NCEA+in+New+Zealand+Schools.
"Where+to+From+Here?"+The+Effectivness+of+eLearning+in+Childhood+Education.+*/|code-block|syntax|javascript|1669200|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This solution takes punctuation into account for new sentences, handles quotations, converts minor words to lowercase and ignores acronyms or all-caps words.</p>

<pre><code>var stopWordsArray = new Array("a", "all", "am", "an", "and", "any", "are", "as", "at", "be", "but", "by", "can", "can't", "did", "didn't", "do", "does", "doesn't", "don't", "else", "for", "get", "gets", "go", "got", "had", "has", "he", "he's", "her", "here", "hers", "hi", "him", "his", "how", "i'd", "i'll", "i'm", "i've", "if", "in", "is", "isn't", "it", "it's", "its", "let", "let's", "may", "me", "my", "no", "of", "off", "on", "our", "ours", "she", "so", "than", "that", "that's", "thats", "the", "their", "theirs", "them", "then", "there", "there's", "these", "they", "they'd", "they'll", "they're", "they've", "this", "those", "to", "too", "try", "until", "us", "want", "wants", "was", "wasn't", "we", "we'd", "we'll", "we're", "we've", "well", "went", "were", "weren't", "what", "what's", "when", "where", "which", "who", "who's", "whose", "why", "will", "with", "won't", "would", "yes", "yet", "you", "you'd", "you'll", "you're", "you've", "your");

// Only significant words are transformed. Handles acronyms and punctuation
String.prototype.toTitleCase = function() {
    var newSentence = true;
    return this.split(/\s+/).map(function(word) {
        if (word == "") { return; }
        var canCapitalise = true;
        // Get the pos of the first alpha char (word might start with " or ')
        var firstAlphaCharPos = word.search(/\w/);
        // Check for uppercase char that is not the first char (might be acronym or all caps)
        if (word.search(/[A-Z]/) &gt; 0) {
            canCapitalise = false;
        } else if (stopWordsArray.indexOf(word) != -1) {
            // Is a stop word and not a new sentence
            word.toLowerCase();
            if (!newSentence) {
                canCapitalise = false;
            }
        }
        // Is this the last word in a sentence?
        newSentence = (word.search(/[\.!\?:]['"]?$/) &gt; 0)? true : false;
        return (canCapitalise)? word.replace(word[firstAlphaCharPos], word[firstAlphaCharPos].toUpperCase()) : word;
    }).join(' ');
}

// Pass a string using dot notation:
alert("A critical examination of Plato's view of the human nature".toTitleCase());
var str = "Ten years on: a study into the effectiveness of NCEA in New Zealand schools";
str.toTitleCase());
str = "\"Where to from here?\" the effectivness of eLearning in childhood education";
alert(str.toTitleCase());

/* Result:
A Critical Examination of Plato's View of the Human Nature.
Ten Years On: A Study Into the Effectiveness of NCEA in New Zealand Schools.
"Where to From Here?" The Effectivness of eLearning in Childhood Education. */
</code></pre>


blocks|key|5198232|text|以下是该问题的紧凑解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198233|function+Title_Case(phrase)+
{
++var+revised+=+phrase.charAt(0).toUpperCase();

++for+(+var+i+=+1;+i+<+phrase.length;+i%2B%2B+)+{

++++if+(phrase.charAt(i+-+1)+==+"+")+{
+++++revised+%2B=+phrase.charAt(i).toUpperCase();+}
++++else+{
+++++revised+%2B=+phrase.charAt(i).toLowerCase();+}

+++}

return+revised;
}|code-block|syntax|javascript|5198234|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is a compact solution to the problem:</p>

<pre><code>function Title_Case(phrase) 
{
  var revised = phrase.charAt(0).toUpperCase();

  for ( var i = 1; i &lt; phrase.length; i++ ) {

    if (phrase.charAt(i - 1) == " ") {
     revised += phrase.charAt(i).toUpperCase(); }
    else {
     revised += phrase.charAt(i).toLowerCase(); }

   }

return revised;
}
</code></pre>


blocks|key|1458007|text|我认为最简单的就是使用css。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458008|function+format_str(str)+{
++++str+=+str.toLowerCase();
++++return+'<span+style="text-transform:+capitalize">'%2B+str+%2B'</span>';
}|code-block|syntax|javascript|1458009|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I think the simplest is using css. </p>

<pre><code>function format_str(str) {
    str = str.toLowerCase();
    return '&lt;span style="text-transform: capitalize"&gt;'+ str +'&lt;/span&gt;';
}
</code></pre>


blocks|key|1458019|text|我们已经在办公室里进行了讨论，我们认为试图按照你现在想要的方式自动更正人们输入姓名的方式充满了可能的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458020|我们已经提出了几种不同类型的汽车大小写分崩离析的情况，这些仅适用于英文名称，每种语言都有其自身的复杂性。|1458021|每个名字的第一个字母大写的问题：|offset|length|style|BOLD|1458022|·Ibm等缩写词不允许输入，可能会变成IBM。|1458023|·McDonald这个名字会变成麦当劳，这是不正确的，MacDonald也是一样。|1458024|·像Marie-tonks这样的双桶名字会变成Marie-Tonks。|1458025|·像奥康纳这样的名字会变成奥康纳。|1458026|对于其中的大多数，您可以编写自定义规则来处理它，但是，这仍然存在与以前一样的缩写问题，并且您会得到一个新的问题：|1458027|·在Mac上添加一条规则来修改名字，比如MacDonald，那么梅西这样的坏名字就会变成MacY。|1458028|我们想出的唯一一个永远不会错的解决方案是将每个字母大写，这是DBS似乎也使用的一种蛮力方法。|1458029|因此，如果你想自动化这个过程，如果没有一个字典来记录每个名字和单词，以及它应该如何大写，这几乎是不可能的，如果你没有一个涵盖所有内容的规则，就不要使用它，因为它只会惹恼你的用户，并提示那些想要正确输入自己名字的人去其他地方。|1458030|entityMap^0|0|0|D|3|0|0|0|0|0|0|1K|0|0|0|1H|1N|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@$F|14|G|15|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|16|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|17|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|18|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|19|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1A|8|@$F|1B|G|1C|H|I]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1D|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1E|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1F|8|@$F|1G|G|1H|H|I]]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|10|$]]

<p>We have been having a discussion back here at the office and we think that trying to automatically correct the way people input names in the current way you want it doing is fraught with possible issues.</p>

<p>We have come up with several cases where different types of auto capitalization fall apart <strong>and these are just for English names alone, each language has its own complexities.</strong></p>

<p><strong>Issues with capitalizing the first letter of each name:</strong></p>

<p>•   Acronyms such as IBM aren’t allowed to be inputted, would turn into Ibm.</p>

<p>•   The Name McDonald would turn into Mcdonald which is incorrect, the same thing is MacDonald too.</p>

<p>•   Double barrelled names such as Marie-Tonks would get turned into Marie-tonks.</p>

<p>•   Names like O’Connor would turn into O’connor.</p>

<p><strong>For most of these you could write custom rules to deal with it, however, this still has issues with Acronyms as before and you get a new issue:</strong></p>

<p>•   Adding in a rule to fix names with Mac such as MacDonald, would the break names such as Macy turning it into MacY.</p>

<p>The only solution we have come up with that is never incorrect is to capitalize every letter which is a brute force method that the DBS appear to also use.</p>

<p>So if you want to automate the process it is as good as impossible to do without a dictionary of every single name and word and how it should be capitlized, <strong>If you don't have a rule that covers everything don't use it as it will just annoy your users and prompt people who want to enter their names correctly to go else where.</strong></p>


blocks|key|1669290|text|首先，通过空格splitting将string转换为数组：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1669291|var+words+=+str.split('+');|code-block|syntax|javascript|1669292|然后使用array.map创建一个包含大写单词的新数组。|1669293|var+capitalized+=+words.map(function(word)+{
++++return+word.charAt(0).toUpperCase()+%2B+word.substring(1,+word.length);
});|1669294|然后用空格join新数组：|1669295|capitalized.join("+");|1669296|​|1669297|function+titleCase(str)+{
++str+=+str.toLowerCase();+//ensure+the+HeLlo+will+become+Hello+at+the+end
++var+words+=+str.split("+");

++var+capitalized+=+words.map(function(word)+{
++++return+word.charAt(0).toUpperCase()+%2B+word.substring(1,+word.length);
++});
++return+capitalized.join("+");
}

console.log(titleCase("I'm+a+little+tea+pot"));|1669298|1669299|备注：|BOLD|1669300|这当然有一个缺点。这将只将每个单词的第一个字母大写。通过单词，这意味着它将每个由空格分隔的字符串视为一个单词。|1669301|假设你有：|1669302|str+=+"I'm+a+little/small+tea+pot";|1669303|这将产生|1669304|1669305|我是一个小茶壶|blockquote|1669306|1669307|1669308|与预期的相比|1669309|1669310|1669311|1669312|1669313|在这种情况下，使用正则表达式和.replace可以做到这一点：|1669314|使用ES6的：|1669315|1669316|const+capitalize+=+str+=>+str.length
++?+str[0].toUpperCase()+%2B
++++str.slice(1).toLowerCase()
++:+'';

const+escape+=+str+=>+str.replace(/./g,+c+=>+`\\${c}`);
const+titleCase+=+(sentence,+seps+=+'+_-/')+=>+{
++let+wordPattern+=+new+RegExp(`[%5E${escape(seps)}]%2B`,+'g');
++
++return+sentence.replace(wordPattern,+capitalize);
};
console.log(+titleCase("I'm+a+little/small+tea+pot.")+);|1669317|1669318|或者不使用ES6|1669319|1669320|function+capitalize(str)+{
++return+str.charAt(0).toUpperCase()+%2B+str.substring(1,+str.length).toLowerCase();
}

function+titleCase(str)+{
++return+str.replace(/[%5E\+\/\-\_]%2B/g,+capitalize);
}

console.log(titleCase("I'm+a+little/small+tea+pot."));|1669321|1669322|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map|2|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join|3|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace^0|H|6|7|9|0|0|0|4|9|1|0|0|5|4|2|0|0|0|0|0|0|3|0|0|0|0|Z|0|0|0|0|0|0|0|0|0|0|0|F|8|3|0|6|1|0|0|0|0|5|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|2C|8|@$9|2D|A|2E|B|C]]|D|@$9|2F|A|2G|1|2H]]|E|$]]|$1|F|3|G|5|H|7|2I|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|2J|8|@]|D|@$9|2K|A|2L|1|2M]]|E|$]]|$1|M|3|N|5|H|7|2N|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|2O|8|@]|D|@$9|2P|A|2Q|1|2R]]|E|$]]|$1|Q|3|R|5|H|7|2S|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|2T|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|2U|8|@]|D|@]|E|$I|J]]|$1|W|3|T|5|6|7|2V|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|2W|8|@$9|2X|A|2Y|B|Z]]|D|@]|E|$]]|$1|10|3|11|5|6|7|2Z|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|30|8|@]|D|@]|E|$]]|$1|14|3|15|5|6|7|31|8|@$9|32|A|33|B|C]]|D|@]|E|$]]|$1|16|3|17|5|6|7|34|8|@]|D|@]|E|$]]|$1|18|3|-4|5|6|7|35|8|@]|D|@]|E|$]]|$1|19|3|1A|5|1B|7|36|8|@]|D|@]|E|$]]|$1|1C|3|-4|5|6|7|37|8|@]|D|@]|E|$]]|$1|1D|3|-4|5|6|7|38|8|@]|D|@]|E|$]]|$1|1E|3|1F|5|6|7|39|8|@]|D|@]|E|$]]|$1|1G|3|-4|5|6|7|3A|8|@]|D|@]|E|$]]|$1|1H|3|1A|5|1B|7|3B|8|@]|D|@]|E|$]]|$1|1I|3|-4|5|6|7|3C|8|@]|D|@]|E|$]]|$1|1J|3|-4|5|6|7|3D|8|@]|D|@]|E|$]]|$1|1K|3|1L|5|6|7|3E|8|@]|D|@$9|3F|A|3G|1|3H]]|E|$]]|$1|1M|3|1N|5|6|7|3I|8|@$9|3J|A|3K|B|Z]]|D|@]|E|$]]|$1|1O|3|T|5|6|7|3L|8|@]|D|@]|E|$]]|$1|1P|3|1Q|5|H|7|3M|8|@]|D|@]|E|$I|J]]|$1|1R|3|T|5|6|7|3N|8|@]|D|@]|E|$]]|$1|1S|3|1T|5|6|7|3O|8|@$9|3P|A|3Q|B|Z]]|D|@]|E|$]]|$1|1U|3|T|5|6|7|3R|8|@]|D|@]|E|$]]|$1|1V|3|1W|5|H|7|3S|8|@]|D|@]|E|$I|J]]|$1|1X|3|T|5|6|7|3T|8|@]|D|@]|E|$]]|$1|1Y|3|-4|5|6|7|3U|8|@]|D|@]|E|$]]]|1Z|$20|$5|21|22|23|E|$24|25]]|26|$5|21|22|23|E|$24|27]]|28|$5|21|22|23|E|$24|29]]|2A|$5|21|22|23|E|$24|2B]]]]

<p>First, convert your <code>string</code> into array by <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split" rel="nofollow noreferrer">splitting</a> it by spaces:</p>
<pre><code>var words = str.split(' ');
</code></pre>
<p>Then use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" rel="nofollow noreferrer">array.map</a> to create a new array containing the capitalized words.</p>
<pre><code>var capitalized = words.map(function(word) {
    return word.charAt(0).toUpperCase() + word.substring(1, word.length);
});
</code></pre>
<p>Then <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join" rel="nofollow noreferrer">join</a> the new array with spaces:</p>
<pre><code>capitalized.join(&quot; &quot;);
</code></pre>
<p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function titleCase(str) {
  str = str.toLowerCase(); //ensure the HeLlo will become Hello at the end
  var words = str.split(" ");

  var capitalized = words.map(function(word) {
    return word.charAt(0).toUpperCase() + word.substring(1, word.length);
  });
  return capitalized.join(" ");
}

console.log(titleCase("I'm a little tea pot"));</code></pre>
</div>
</div>
</p>
<p><strong>NOTE:</strong></p>
<p>This of course has a drawback. This will only capitalize the first letter of every word. By word, this means that it treats every string separated by spaces as 1 word.</p>
<p>Supposedly you have:</p>
<p><code>str = &quot;I'm a little/small tea pot&quot;;</code></p>
<p>This will produce</p>
<blockquote>
<p>I'm A Little/<em>small</em> Tea Pot</p>
</blockquote>
<p>compared to the expected</p>
<blockquote>
<p>I'm A Little/Small Tea Pot</p>
</blockquote>
<p>In that case, using Regex and <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace" rel="nofollow noreferrer">.replace</a> will do the trick:</p>
<p><strong>with ES6:</strong></p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const capitalize = str =&gt; str.length
  ? str[0].toUpperCase() +
    str.slice(1).toLowerCase()
  : '';

const escape = str =&gt; str.replace(/./g, c =&gt; `\\${c}`);
const titleCase = (sentence, seps = ' _-/') =&gt; {
  let wordPattern = new RegExp(`[^${escape(seps)}]+`, 'g');
  
  return sentence.replace(wordPattern, capitalize);
};
console.log( titleCase("I'm a little/small tea pot.") );</code></pre>
</div>
</div>
</p>
<p>or without <strong>ES6</strong>:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.substring(1, str.length).toLowerCase();
}

function titleCase(str) {
  return str.replace(/[^\ \/\-\_]+/g, capitalize);
}

console.log(titleCase("I'm a little/small tea pot."));</code></pre>
</div>
</div>
</p>


blocks|key|1669365|text|如果您需要语法上正确的答案，请使用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1669366|这个答案考虑了介词，如"of"，"from"，..输出将生成您期望在论文中看到的编辑样式标题。|1669367|toTitleCase函数|1669368|考虑语法规则listed+here的函数。该函数还合并空格并删除特殊字符(根据需要修改regex+)|1669369|const+toTitleCase+=+(str)+=>+{
++const+articles+=+['a',+'an',+'the'];
++const+conjunctions+=+['for',+'and',+'nor',+'but',+'or',+'yet',+'so'];
++const+prepositions+=+[
++++'with',+'at',+'from',+'into','upon',+'of',+'to',+'in',+'for',
++++'on',+'by',+'like',+'over',+'plus',+'but',+'up',+'down',+'off',+'near'
++];

++//+The+list+of+spacial+characters+can+be+tweaked+here
++const+replaceCharsWithSpace+=+(str)+=>+str.replace(/[%5E0-9a-z&/\\]/gi,+'+').replace(/(\s\s%2B)/gi,+'+');
++const+capitalizeFirstLetter+=+(str)+=>+str.charAt(0).toUpperCase()+%2B+str.substr(1);
++const+normalizeStr+=+(str)+=>+str.toLowerCase().trim();
++const+shouldCapitalize+=+(word,+fullWordList,+posWithinStr)+=>+{
++++if+((posWithinStr+==+0)+%7C%7C+(posWithinStr+==+fullWordList.length+-+1))+{
++++++return+true;
++++}

++++return+!(articles.includes(word)+%7C%7C+conjunctions.includes(word)+%7C%7C+prepositions.includes(word));
++}

++str+=+replaceCharsWithSpace(str);
++str+=+normalizeStr(str);

++let+words+=+str.split('+');
++if+(words.length+<=+2)+{+//+Strings+less+than+3+words+long+should+always+have+first+words+capitalized
++++words+=+words.map(w+=>+capitalizeFirstLetter(w));
++}
++else+{
++++for+(let+i+=+0;+i+<+words.length;+i%2B%2B)+{
++++++words[i]+=+(shouldCapitalize(words[i],+words,+i)+?+capitalizeFirstLetter(words[i],+words,+i)+:+words[i]);
++++}
++}

++return+words.join('+');
}|code-block|syntax|javascript|1669370|确保正确性的单元测试|1669371|import+{+expect+}+from+'chai';
import+{+toTitleCase+}+from+'../../src/lib/stringHelper';

describe('toTitleCase',+()+=>+{
++it('Capitalizes+first+letter+of+each+word+irrespective+of+articles,+conjunctions+or+prepositions+if+string+is+no+greater+than+two+words+long',+function(){
++++expect(toTitleCase('the+dog')).to.equal('The+Dog');+//+Capitalize+articles+when+only+two+words+long
++++expect(toTitleCase('for+all')).to.equal('For+All');+//+Capitalize+conjunctions+when+only+two+words+long
++++expect(toTitleCase('with+cats')).to.equal('With+Cats');+//+Capitalize+prepositions+when+only+two+words+long
++});

++it('Always+capitalize+first+and+last+words+in+a+string+irrespective+of+articles,+conjunctions+or+prepositions',+function(){
++++expect(toTitleCase('the+beautiful+dog')).to.equal('The+Beautiful+Dog');
++++expect(toTitleCase('for+all+the+deadly+ninjas,+be+it+so')).to.equal('For+All+the+Deadly+Ninjas+Be+It+So');
++++expect(toTitleCase('with+cats+and+dogs+we+are+near')).to.equal('With+Cats+and+Dogs+We+Are+Near');
++});

++it('Replace+special+characters+with+space',+function(){
++++expect(toTitleCase('[wolves+&+lions]:+be+careful')).to.equal('Wolves+&+Lions+Be+Careful');
++++expect(toTitleCase('wolves+&+lions,+be+careful')).to.equal('Wolves+&+Lions+Be+Careful');
++});

++it('Trim+whitespace+at+beginning+and+end',+function(){
++++expect(toTitleCase('+mario+&+Luigi+superstar+saga+')).to.equal('Mario+&+Luigi+Superstar+Saga');
++});

++it('articles,+conjunctions+and+prepositions+should+not+be+capitalized+in+strings+of+3%2B+words',+function(){
++++expect(toTitleCase('The+wolf+and+the+lion:+a+tale+of+two+like+animals')).to.equal('The+Wolf+and+the+Lion+a+Tale+of+Two+like+Animals');
++++expect(toTitleCase('the++three+Musketeers++And+plus+')).to.equal('The+Three+Musketeers+and+Plus');
++});
});|1669372|请注意，我正在从提供的字符串中删除相当多的特殊字符。您将需要调整正则表达式以满足您的项目需求。|1669373|entityMap|0|LINK|mutability|MUTABLE|url|http://www.superheronation.com/2011/08/16/words-that-should-not-be-capitalized-in-titles/^0|H|1|0|0|0|D|0|6|B|0|0|0|6|4|0|0|0|1B|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|L|3|M|5|N|7|1F|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|S|3|T|5|N|7|1J|8|@]|D|@]|E|$O|P]]|$1|U|3|V|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]]]

<p><strong>If you need a grammatically correct answer:</strong></p>
<p>This answer takes into account prepositions such as &quot;of&quot;, &quot;from&quot;, ..
The output will generate an editorial style title you would expect to see in a paper.</p>
<p><strong>toTitleCase Function</strong></p>
<p>The function that takes into account grammar rules <a href="http://www.superheronation.com/2011/08/16/words-that-should-not-be-capitalized-in-titles/" rel="noreferrer">listed here</a>.
The function also consolidates whitespace and removes special characters (modify regex for your needs)</p>
<pre><code>const toTitleCase = (str) =&gt; {
  const articles = ['a', 'an', 'the'];
  const conjunctions = ['for', 'and', 'nor', 'but', 'or', 'yet', 'so'];
  const prepositions = [
    'with', 'at', 'from', 'into','upon', 'of', 'to', 'in', 'for',
    'on', 'by', 'like', 'over', 'plus', 'but', 'up', 'down', 'off', 'near'
  ];

  // The list of spacial characters can be tweaked here
  const replaceCharsWithSpace = (str) =&gt; str.replace(/[^0-9a-z&amp;/\\]/gi, ' ').replace(/(\s\s+)/gi, ' ');
  const capitalizeFirstLetter = (str) =&gt; str.charAt(0).toUpperCase() + str.substr(1);
  const normalizeStr = (str) =&gt; str.toLowerCase().trim();
  const shouldCapitalize = (word, fullWordList, posWithinStr) =&gt; {
    if ((posWithinStr == 0) || (posWithinStr == fullWordList.length - 1)) {
      return true;
    }

    return !(articles.includes(word) || conjunctions.includes(word) || prepositions.includes(word));
  }

  str = replaceCharsWithSpace(str);
  str = normalizeStr(str);

  let words = str.split(' ');
  if (words.length &lt;= 2) { // Strings less than 3 words long should always have first words capitalized
    words = words.map(w =&gt; capitalizeFirstLetter(w));
  }
  else {
    for (let i = 0; i &lt; words.length; i++) {
      words[i] = (shouldCapitalize(words[i], words, i) ? capitalizeFirstLetter(words[i], words, i) : words[i]);
    }
  }

  return words.join(' ');
}
</code></pre>
<p><strong>Unit Tests to Ensure Correctness</strong></p>
<pre><code>import { expect } from 'chai';
import { toTitleCase } from '../../src/lib/stringHelper';

describe('toTitleCase', () =&gt; {
  it('Capitalizes first letter of each word irrespective of articles, conjunctions or prepositions if string is no greater than two words long', function(){
    expect(toTitleCase('the dog')).to.equal('The Dog'); // Capitalize articles when only two words long
    expect(toTitleCase('for all')).to.equal('For All'); // Capitalize conjunctions when only two words long
    expect(toTitleCase('with cats')).to.equal('With Cats'); // Capitalize prepositions when only two words long
  });

  it('Always capitalize first and last words in a string irrespective of articles, conjunctions or prepositions', function(){
    expect(toTitleCase('the beautiful dog')).to.equal('The Beautiful Dog');
    expect(toTitleCase('for all the deadly ninjas, be it so')).to.equal('For All the Deadly Ninjas Be It So');
    expect(toTitleCase('with cats and dogs we are near')).to.equal('With Cats and Dogs We Are Near');
  });

  it('Replace special characters with space', function(){
    expect(toTitleCase('[wolves &amp; lions]: be careful')).to.equal('Wolves &amp; Lions Be Careful');
    expect(toTitleCase('wolves &amp; lions, be careful')).to.equal('Wolves &amp; Lions Be Careful');
  });

  it('Trim whitespace at beginning and end', function(){
    expect(toTitleCase(' mario &amp; Luigi superstar saga ')).to.equal('Mario &amp; Luigi Superstar Saga');
  });

  it('articles, conjunctions and prepositions should not be capitalized in strings of 3+ words', function(){
    expect(toTitleCase('The wolf and the lion: a tale of two like animals')).to.equal('The Wolf and the Lion a Tale of Two like Animals');
    expect(toTitleCase('the  three Musketeers  And plus ')).to.equal('The Three Musketeers and Plus');
  });
});
</code></pre>
<p>Please note that I am removing quite a bit of special characters from the strings provided. You will need to tweak the regex to address the requirements of your project.</p>


blocks|key|3780266|text|与其他答案相比，我更喜欢下面的答案。它只匹配每个单词的第一个字母，并将其大写。更简单的代码，更容易阅读和更少的字节。它保留现有的大写字母，以防止扭曲首字母缩写。但是，您总是可以先在字符串上调用toLowerCase()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3780267|function+title(str)+{
++return+str.replace(/(%5E%7C\s)\S/g,+function(t)+{+return+t.toUpperCase()+});
}|code-block|syntax|javascript|3780268|您可以将其添加到您的字符串原型中，这将允许您执行'my+string'.toTitle()操作，如下所示：|3780269|String.prototype.toTitle+=+function()+{
++return+this.replace(/(%5E%7C\s)\S/g,+function(t)+{+return+t.toUpperCase()+});
}|3780270|示例：|BOLD|3780271|String.prototype.toTitle+=+function()+{
++return+this.replace(/(%5E%7C\s)\S/g,+function(t)+{+return+t.toUpperCase()+});
}

console.log('all+lower+case+->','all+lower+case'.toTitle());
console.log('ALL+UPPER+CASE+->','ALL+UPPER+CASE'.toTitle());
console.log("I'm+a+little+teapot+->","I'm+a+little+teapot".toTitle());|3780272|​|3780273|entityMap^0|2O|D|0|0|O|L|0|0|0|3|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|15|8|@$9|16|A|17|B|Q]]|D|@]|E|$]]|$1|R|3|S|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|T|3|U|5|6|7|19|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|W|$]]

<p>I prefer the following over the other answers. It matches only the first letter of each word and capitalises it.  Simpler code, easier to read and less bytes.  It preserves existing capital letters to prevent distorting acronyms. However you can always call <code>toLowerCase()</code> on your string first.</p>

<pre><code>function title(str) {
  return str.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}
</code></pre>

<p>You can add this to your string prototype which will allow you to <code>'my string'.toTitle()</code> as follows:</p>

<pre><code>String.prototype.toTitle = function() {
  return this.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}
</code></pre>

<p><strong>Example:</strong>
<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>String.prototype.toTitle = function() {
  return this.replace(/(^|\s)\S/g, function(t) { return t.toUpperCase() });
}

console.log('all lower case -&gt;','all lower case'.toTitle());
console.log('ALL UPPER CASE -&gt;','ALL UPPER CASE'.toTitle());
console.log("I'm a little teapot -&gt;","I'm a little teapot".toTitle());</code></pre>
</div>
</div>
</p>


blocks|key|5198355|text|有一些很好的答案，但是，由于许多人使用正则表达式来查找单词，但由于某些原因，没有其他人使用正则表达式来替换第一个字符。为了解释，我将提供一个较长的解决方案和一个较短的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198356|较长的解决方案(更具解释性)。通过使用正则表达式[%5E\s_\-/]*，我们可以找到句子中的每个单词。随后，我们可以使用正则表达式.来匹配单词中的第一个字符。使用正则表达式版本的replace来替换它们，我们可以像这样更改解决方案：|offset|length|style|CODE|5198357|​|5198358|function+toUpperCase(str)+{+return+str.toUpperCase();+}
function+capitalizeWord(word)+{+return+word.replace(/./,+toUpperCase);+}
function+capitalize(sentence)+{+return+sentence.toLowerCase().replace(/[%5E\s_\-/]*/g,+capitalizeWord);+}

console.log(capitalize("hello+world"));+//+Outputs:+Hello+World|code-block|syntax|javascript|5198359|5198360|对于执行相同操作的单个函数，我们按如下方式嵌套replace调用：|5198361|5198362|function+capitalize(sentence)+{
++return+sentence.toLowerCase().replace(/[%5E\s_\-/]*/g,+function+(word)+{
++++return+word.replace(/./,+function+(ch)+{+return+ch.toUpperCase();+}+);
++}+);
}

console.log(capitalize("hello+world"));+//+Outputs:+Hello+World|5198363|5198364|entityMap^0|0|O|A|1S|1|0|0|0|0|N|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@$D|Z|E|10|F|G]|$D|11|E|12|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|14|8|@]|9|@]|A|$M|N]]|$1|O|3|I|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|R|3|I|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|L|7|1A|8|@]|9|@]|A|$M|N]]|$1|U|3|I|5|6|7|1B|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|W|$]]

<p>There's been some great answers, but, with many people using regex to find the word, but, for some reason, nobody else uses regex to replace the first character. For explanation, I'll provide a long solution and a shorter one.</p>

<p>The long solution (more explanatory). By using regular expression <code>[^\s_\-/]*</code> we can find every word in the sentence. Subsequently, we can use the regular expression <code>.</code> to match to the first character in a word. Using the regular expression version of replace for both of these, we can change the solution like this:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toUpperCase(str) { return str.toUpperCase(); }
function capitalizeWord(word) { return word.replace(/./, toUpperCase); }
function capitalize(sentence) { return sentence.toLowerCase().replace(/[^\s_\-/]*/g, capitalizeWord); }

console.log(capitalize("hello world")); // Outputs: Hello World</code></pre>
</div>
</div>
</p>

<p>For a single function that does the same thing, we nest the <code>replace</code> calls as follows:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function capitalize(sentence) {
  return sentence.toLowerCase().replace(/[^\s_\-/]*/g, function (word) {
    return word.replace(/./, function (ch) { return ch.toUpperCase(); } );
  } );
}

console.log(capitalize("hello world")); // Outputs: Hello World</code></pre>
</div>
</div>
</p>


blocks|key|3780292|text|this+is+a+test+->+This+Is+A+Test|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3780293|​|3780294|function+capitalize(str)+{

++const+word+=+[];

++for+(let+char+of+str.split('+'))+{
++++word.push(char[0].toUpperCase()+%2B+char.slice(1))
++}

++return+word.join('+');

}

console.log(capitalize("this+is+a+test"));|code-block|syntax|javascript|3780295|3780296|entityMap^0|0|E|I|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|O|$]]

<p><code>this is a test</code> ---> <code>This Is A Test</code></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function capitalize(str) {

  const word = [];

  for (let char of str.split(' ')) {
    word.push(char[0].toUpperCase() + char.slice(1))
  }

  return word.join(' ');

}

console.log(capitalize("this is a test"));</code></pre>
</div>
</div>
</p>


blocks|key|1669432|text|一种使用reduce的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669433|​|1669434|function+titleCase(str)+{
++const+arr+=+str.split("+");
++const+result+=+arr.reduce((acc,+cur)+=>+{
++++const+newStr+=+cur[0].toUpperCase()+%2B+cur.slice(1).toLowerCase();
++++return+acc+%2B=+`${newStr}+`
++},"")
++return+result.slice(0,+result.length-1);
}|code-block|syntax|javascript|1669435|1669436|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>A method use reduce</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function titleCase(str) {
  const arr = str.split(" ");
  const result = arr.reduce((acc, cur) =&gt; {
    const newStr = cur[0].toUpperCase() + cur.slice(1).toLowerCase();
    return acc += `${newStr} `
  },"")
  return result.slice(0, result.length-1);
}</code></pre>
</div>
</div>
</p>


blocks|key|1458089|text|实现类似目标的另一种方法可以如下所示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458090|formatName(name)+{
++++let+nam+=+'';
++++name.split('+').map((word,+index)+=>+{
++++++++if+(index+===+0)+{
++++++++++++nam+%2B=+word.split('').map((l,+i)+=>+i+===+0+?+l.toUpperCase()+:+l.toLowerCase()).join('');
++++++++}+else+{
++++++++++++nam+%2B=+'+'+%2B+word.split('').map(l+=>+l.toLowerCase()).join('');
++++++++}
++++});
++++return+nam;
}|code-block|syntax|javascript|1458091|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Another approach to achieve something similar can be as follows.</p>

<pre><code>formatName(name) {
    let nam = '';
    name.split(' ').map((word, index) =&gt; {
        if (index === 0) {
            nam += word.split('').map((l, i) =&gt; i === 0 ? l.toUpperCase() : l.toLowerCase()).join('');
        } else {
            nam += ' ' + word.split('').map(l =&gt; l.toLowerCase()).join('');
        }
    });
    return nam;
}
</code></pre>


blocks|key|3780325|text|ES-6+way+to+get+title+case+of+a+word+or+entire+line.
ex.+input+=+'hEllo'+-->+result+=+'Hello'
ex.+input+=+'heLLo+woRLd'+-->+result+=+'Hello+World'

const+getTitleCase+=+(str)+=>+{
++if(str.toLowerCase().indexOf('+')+>+0)+{
++++return+str.toLowerCase().split('+').map((word)+=>+{
++++++return+word.replace(word[0],+word[0].toUpperCase());
++++}).join('+');
++}
++else+{
++++return+str.slice(0,+1).toUpperCase()+%2B+str.slice(1).toLowerCase();
++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3780326|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>ES-6 way to get title case of a word or entire line.
ex. input = 'hEllo' --&gt; result = 'Hello'
ex. input = 'heLLo woRLd' --&gt; result = 'Hello World'

const getTitleCase = (str) =&gt; {
  if(str.toLowerCase().indexOf(' ') &gt; 0) {
    return str.toLowerCase().split(' ').map((word) =&gt; {
      return word.replace(word[0], word[0].toUpperCase());
    }).join(' ');
  }
  else {
    return str.slice(0, 1).toUpperCase() + str.slice(1).toLowerCase();
  }
}
</code></pre>


blocks|key|3780352|text|这是另一个使用css+(和javascript，如果你想要转换的文本是大写的)的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780353|html|offset|length|style|BOLD|3780354|<span+id='text'>JOHN+SMITH</span>|code-block|syntax|javascript|3780355|js|3780356|var+str+=+document.getElementById('text').innerHtml;
var+return_text+=+str.toLowerCase();|3780357|css|3780358|#text{text-transform:capitalize;}|3780359|entityMap^0|0|0|4|0|0|0|2|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|S|3|T|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

<p>here's another solution using css (and javascript, if the text you want to transform is in uppercase):</p>

<p><strong>html</strong></p>

<pre><code>&lt;span id='text'&gt;JOHN SMITH&lt;/span&gt;
</code></pre>

<p><strong>js</strong></p>

<pre><code>var str = document.getElementById('text').innerHtml;
var return_text = str.toLowerCase();
</code></pre>

<p><strong>css</strong></p>

<pre><code>#text{text-transform:capitalize;}
</code></pre>


blocks|key|5198421|text|https://lodash.com/docs/4.17.11#capitalize|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5198422|使用Lodash库..！！更可靠|5198423|_.capitalize('FRED');+=>+'Fred'|code-block|syntax|javascript|5198424|entityMap|0|LINK|mutability|MUTABLE|url^0|0|16|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|4]]]]

<p><a href="https://lodash.com/docs/4.17.11#capitalize" rel="nofollow noreferrer">https://lodash.com/docs/4.17.11#capitalize</a></p>

<p>Use Lodash Library..!! More Reliable</p>

<pre><code>_.capitalize('FRED'); =&gt; 'Fred'
</code></pre>


blocks|key|1458108|text|->约翰·史密斯|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458109|'john+smith'.replace(/(%5E\w%7C\s%2B\w){1}/g,+function(str){+return+str.toUpperCase()+}+);|code-block|syntax|javascript|1458110|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>john smith -> John Smith</p>

<pre><code>'john smith'.replace(/(^\w|\s+\w){1}/g, function(str){ return str.toUpperCase() } );
</code></pre>


blocks|key|1669489|text|"john+f.+kennedy".replace(/\b\S/g,+t+=>+t.toUpperCase())|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1669490|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>"john f. kennedy".replace(/\b\S/g, t =&gt; t.toUpperCase())
</code></pre>


blocks|key|1458126|text|我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458127|String.prototype.capitalizeWords+=+function()+{
++++return+this.split("+").map(function(ele){+return+ele[0].toUpperCase()+%2B+ele.slice(1).toLowerCase();}).join("+");
};|code-block|syntax|javascript|1458128|然后，您可以对任何字符串调用capitalizeWords()方法。例如：|offset|length|style|CODE|1458129|var+myS+=+"this+actually+works!";
myS.capitalizeWords();

>>>+This+Actually+Works|1458130|我的另一个解决方案：|1458131|function+capitalizeFirstLetter(word)+{
++++return+word[0].toUpperCase()+%2B+word.slice(1).toLowerCase();
}
String.prototype.capitalizeAllWords+=+function()+{
++++var+arr+=+this.split("+");
++++for(var+i+=+0;+i+<+arr.length;+i%2B%2B)+{
++++++++arr[i]+=+capitalizeFirstLetter(arr[i]);
++++}
++++return+arr.join("+");
};|1458132|1458133|var+myStr+=+"this+one+works+too!";
myStr.capitalizeWords();

>>>+This+One+Works+Too|1458134|基于Greg+Dean答案的替代解决方案：|1458135|function+capitalizeFirstLetter(word)+{
++++return+word[0].toUpperCase()+%2B+word.slice(1).toLowerCase();
}
String.prototype.capitalizeWords+=+function()+{
++++return+this.replace(/\w\S*/g,+capitalizeFirstLetter);
};|1458136|1458137|var+myString+=+"yes+and+no";
myString.capitalizeWords()

>>>+Yes+And+No|1458138|entityMap^0|0|0|E|H|0|0|0|0|E|H|0|0|0|0|E|H|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@$I|17|J|18|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|H|5|6|7|1C|8|@$I|1D|J|1E|K|L]]|9|@]|A|$]]|$1|T|3|U|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|V|3|W|5|6|7|1G|8|@]|9|@]|A|$]]|$1|X|3|Y|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|Z|3|H|5|6|7|1I|8|@$I|1J|J|1K|K|L]]|9|@]|A|$]]|$1|10|3|11|5|D|7|1L|8|@]|9|@]|A|$E|F]]|$1|12|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|13|$]]

<p>My one line solution:</p>

<pre><code>String.prototype.capitalizeWords = function() {
    return this.split(" ").map(function(ele){ return ele[0].toUpperCase() + ele.slice(1).toLowerCase();}).join(" ");
};
</code></pre>

<p>Then, you can call the method <code>capitalizeWords()</code> on any string. For example:</p>

<pre><code>var myS = "this actually works!";
myS.capitalizeWords();

&gt;&gt;&gt; This Actually Works
</code></pre>

<p>My other solution:</p>

<pre><code>function capitalizeFirstLetter(word) {
    return word[0].toUpperCase() + word.slice(1).toLowerCase();
}
String.prototype.capitalizeAllWords = function() {
    var arr = this.split(" ");
    for(var i = 0; i &lt; arr.length; i++) {
        arr[i] = capitalizeFirstLetter(arr[i]);
    }
    return arr.join(" ");
};
</code></pre>

<p>Then, you can call the method <code>capitalizeWords()</code> on any string. For example:</p>

<pre><code>var myStr = "this one works too!";
myStr.capitalizeWords();

&gt;&gt;&gt; This One Works Too
</code></pre>

<p><em>Alternative solution based on Greg Dean answer:</em></p>

<pre><code>function capitalizeFirstLetter(word) {
    return word[0].toUpperCase() + word.slice(1).toLowerCase();
}
String.prototype.capitalizeWords = function() {
    return this.replace(/\w\S*/g, capitalizeFirstLetter);
};
</code></pre>

<p>Then, you can call the method <code>capitalizeWords()</code> on any string. For example:</p>

<pre><code>var myString = "yes and no";
myString.capitalizeWords()

&gt;&gt;&gt; Yes And No
</code></pre>


blocks|key|1458140|text|一个使用lodash的解决方案-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458141|import+{+words,+lowerCase,+capitalize,+endsWith,+padEnd+}+from+'lodash';
const+titleCase+=+string+=>
++padEnd(
++++words(string,+/[%5E+]%2B/g)
++++++.map(lowerCase)
++++++.map(capitalize)
++++++.join('+'),
++++string.length,
++);|code-block|syntax|javascript|1458142|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>A solution using lodash - </p>

<pre><code>import { words, lowerCase, capitalize, endsWith, padEnd } from 'lodash';
const titleCase = string =&gt;
  padEnd(
    words(string, /[^ ]+/g)
      .map(lowerCase)
      .map(capitalize)
      .join(' '),
    string.length,
  );
</code></pre>


blocks|key|5198487|text|我认为你应该尝试一下这个功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198488|var+toTitleCase+=+function+(str)+{
++++str+=+str.toLowerCase().split('+');
++++for+(var+i+=+0;+i+<+str.length;+i%2B%2B)+{
++++++++str[i]+=+str[i].charAt(0).toUpperCase()+%2B+str[i].slice(1);
++++}
++++return+str.join('+');
};|code-block|syntax|javascript|5198489|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I think you should try with this function.</p>

<pre><code>var toTitleCase = function (str) {
    str = str.toLowerCase().split(' ');
    for (var i = 0; i &lt; str.length; i++) {
        str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
    }
    return str.join(' ');
};
</code></pre>


blocks|key|1669557|text|我的列表基于三个快速搜索。一个用于不大写的单词列表，另一个用于完整的介词列表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669558|最后一次搜索建议5个字母或更长的介词应该大写，这是我喜欢的。我的目的是为了非正式的使用。我把“without”留在了它们的原处，因为这显然是与之对应的东西。|1669559|因此，它将首字母缩写、标题的第一个字母和大多数单词的第一个字母大写。|1669560|它不是用来处理caps-lock中的单词。我不想去管那些。|1669561|​|1669562|function+camelCase(str)+{
++return+str.replace(/((?:%5E%7C\.)\w%7C\b(?!(?:a%7Camid%7Can%7Cand%7Canti%7Cas%7Cat%7Cbut%7Cbut%7Cby%7Cby%7Cdown%7Cfor%7Cfor%7Cfor%7Cfrom%7Cfrom%7Cin%7Cinto%7Clike%7Cnear%7Cnor%7Cof%7Cof%7Coff%7Con%7Con%7Conto%7Cor%7Cover%7Cpast%7Cper%7Cplus%7Csave%7Cso%7Cthan%7Cthe%7Cto%7Cto%7Cup%7Cupon%7Cvia%7Cwith%7Cwithout%7Cyet)\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.'));|code-block|syntax|javascript|1669563|1669564|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|W|8|@]|9|@]|A|$M|N]]|$1|O|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>My list is based on three quick searches. One for a list of words not to be capitalized, and one for a full list of prepositions.</p>

<p>One final search made the <em>suggestion</em> that prepositions 5 letters or longer should be capitalized, which is something I liked. My purpose is for informal use. I left 'without' in their, because it's the obvious counterpart to with.</p>

<p>So it capitalizes acronyms, the first letter of the title, and the first letter of most words.</p>

<p>It is not intended to handle words in caps-lock. I wanted to leave those alone.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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.'));</code></pre>
</div>
</div>
</p>


blocks|key|5198544|text|将单个单词转换为标题大小写的简单方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198545|使用"Slice“方法和字符串连接|5198546|str.slice(0,+1).toUpperCase()+%2B+str.slice(1,+str.length)|code-block|syntax|javascript|5198547|*如果要将单词的其余部分小写，请在末尾添加.toLowerCase()|5198548|使用ES6扩展运算符、映射和连接|5198549|[...str].map((w,+i)+=>+i+===+0+?+w[0].toUpperCase()+:+w).join('')|5198550|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p><strong>Simple way to convert an individual word to title case</strong></p>

<p><em>Using the "Slice" method and String concatenation</em></p>

<pre><code>str.slice(0, 1).toUpperCase() + str.slice(1, str.length)
</code></pre>

<p>*Add .toLowerCase() to the end if you want to lowercase the rest of the word</p>

<p><em>Using ES6 Spread Operator, Map, and Join</em></p>

<pre><code>[...str].map((w, i) =&gt; i === 0 ? w[0].toUpperCase() : w).join('')
</code></pre>


blocks|key|1458176|text|惊讶地发现没有人提到rest参数的使用。下面是一个使用ES6+Rest参数的简单的一行程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458177|​|1458178|let+str="john+smith"
str=str.split("+").map(([firstChar,...rest])=>firstChar.toUpperCase()%2Brest.join("").toLowerCase()).join("+")
console.log(str)|code-block|syntax|javascript|1458179|1458180|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Surprised to see no one mentioned the use of rest parameter. Here is a simple one liner that uses ES6 Rest parameters.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let str="john smith"
str=str.split(" ").map(([firstChar,...rest])=&gt;firstChar.toUpperCase()+rest.join("").toLowerCase()).join(" ")
console.log(str)</code></pre>
</div>
</div>
</p>


blocks|key|3780506|text|使用正则表达式的一行代码，获取单词\b[a-zA-Z]的所有\g起始字符，并应用.toUpperCase()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3780507|​|3780508|const+textString+=+"Convert+string+to+title+case+with+Javascript.";
const+converted+=+textString.replace(/\b[a-zA-Z]/g,+(match)+=>+match.toUpperCase());
console.log(converted)|code-block|syntax|javascript|3780509|3780510|entityMap^0|H|A|U|2|14|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|O|$]]

<p>A one-liner using regex, get all <code>\g</code> starting characters of words <code>\b[a-zA-Z]</code> , and apply <code>.toUpperCase()</code></p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const textString = "Convert string to title case with Javascript.";
const converted = textString.replace(/\b[a-zA-Z]/g, (match) =&gt; match.toUpperCase());
console.log(converted)</code></pre>
</div>
</div>
</p>


blocks|key|3780515|text|下面是一个非常简单、简洁的ES6函数来完成此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780516|const+titleCase+=+(str)+=>+{
++return+str.replace(/\w\S*/g,+(t)+=>+{+return+t.charAt(0).toUpperCase()+%2B+t.substr(1).toLowerCase()+});
}

export+default+titleCase;|code-block|syntax|javascript|3780517|可以很好地使用包含在utilities文件夹中并按如下方式使用：|offset|length|style|CODE|3780518|import+titleCase+from+'./utilities/titleCase.js';

const+string+=+'my+title+&+string';

console.log(titleCase(string));+//->+'My+Title+&+String'|3780519|entityMap^0|0|0|A|9|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Here's a really simple &amp; concise ES6 function to do this:</p>
<pre><code>const titleCase = (str) =&gt; {
  return str.replace(/\w\S*/g, (t) =&gt; { return t.charAt(0).toUpperCase() + t.substr(1).toLowerCase() });
}

export default titleCase;
</code></pre>
<p>Works well included in a <code>utilities</code> folder and used as follows:</p>
<pre><code>import titleCase from './utilities/titleCase.js';

const string = 'my title &amp; string';

console.log(titleCase(string)); //-&gt; 'My Title &amp; String'
</code></pre>


blocks|key|5198598|text|基准测试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198599|TL;DR|5198600|这个基准测试的获胜者是普通的for循环：|5198601|function+titleize(str)+{
++++let+upper+=+true
++++let+newStr+=+""
++++for+(let+i+=+0,+l+=+str.length;+i+<+l;+i%2B%2B)+{
++++++++//+Note+that+you+can+also+check+for+all+kinds+of+spaces++with
++++++++//+str[i].match(/\s/)
++++++++if+(str[i]+==+"+")+{
++++++++++++upper+=+true
++++++++++++newStr+%2B=+str[i]
++++++++++++continue
++++++++}
++++++++newStr+%2B=+upper+?+str[i].toUpperCase()+:+str[i].toLowerCase()
++++++++upper+=+false
++++}
++++return+newStr
}
//+NOTE:+you+could+beat+that+using+charcode+and+string+builder+I+guess.|code-block|syntax|javascript|5198602|实际基准|5198603|我采用了最流行和最独特的答案，并用这些答案制作了a+benchmark。|offset|length|5198604|这是在我的MacBook+pro上的结果：|5198605|​|5198606|📷|atomic|5198607|5198608|为了完整起见，下面是使用的函数：|5198609|str+=+"the+QUICK+BrOWn+Fox+jUMPS+oVeR+the+LAzy+doG";
function+regex(str)+{
++return+str.replace(
++++/\w\S*/g,
++++function(txt)+{
++++++return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();
++++}
++);
}

function+split(str)+{
++return+str.
++++split('+').
++++map(w+=>+w[0].toUpperCase()+%2B+w.substr(1).toLowerCase()).
++++join('+');
}

function+complete(str)+{
++var+i,+j,+str,+lowers,+uppers;
++str+=+str.replace(/([%5E\W_]%2B[%5E\s-]*)+*/g,+function(txt)+{
++++return+txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase();
++});

++//+Certain+minor+words+should+be+left+lowercase+unless+
++//+they+are+the+first+or+last+words+in+the+string
++lowers+=+['A',+'An',+'The',+'And',+'But',+'Or',+'For',+'Nor',+'As',+'At',+
++'By',+'For',+'From',+'In',+'Into',+'Near',+'Of',+'On',+'Onto',+'To',+'With'];
++for+(i+=+0,+j+=+lowers.length;+i+<+j;+i%2B%2B)
++++str+=+str.replace(new+RegExp('\\s'+%2B+lowers[i]+%2B+'\\s',+'g'),+
++++++function(txt)+{
++++++++return+txt.toLowerCase();
++++++});

++//+Certain+words+such+as+initialisms+or+acronyms+should+be+left+uppercase
++uppers+=+['Id',+'Tv'];
++for+(i+=+0,+j+=+uppers.length;+i+<+j;+i%2B%2B)
++++str+=+str.replace(new+RegExp('\\b'+%2B+uppers[i]+%2B+'\\b',+'g'),+
++++++uppers[i].toUpperCase());

++return+str;
}

function+firstLetterOnly(str)+{
++return+str.replace(/\b(\S)/g,+function(t)+{+return+t.toUpperCase();+});
}

function+forLoop(str)+{
++let+upper+=+true;
++let+newStr+=+"";
++for+(let+i+=+0,+l+=+str.length;+i+<+l;+i%2B%2B)+{
++++if+(str[i]+==+"+")+{
++++++upper+=+true;
++++++++newStr+%2B=+"+";
++++++continue;
++++}
++++newStr+%2B=+upper+?+str[i].toUpperCase()+:+str[i].toLowerCase();
++++upper+=+false;
++}
++return+newStr;
}|5198610|请注意，我故意不更改原型，因为我认为这是一个非常糟糕的实践，我认为我们不应该在我们的答案中推广这种实践。只有当你是唯一一个在使用它的人时，这才适用于小的代码库。|5198611|如果您想在此基准测试中添加任何其他方法，请评论一个指向答案的链接！|5198612|entityMap|0|LINK|mutability|MUTABLE|url|https://jsben.ch/bDBKL|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/45020f9f9c3b346ad64b6bbbae8419dd.png|imageAlt^0|0|0|0|0|0|O|B|0|0|0|0|0|1|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1L|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1M|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1N|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1O|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1P|8|@]|9|@$O|1Q|P|1R|1|1S]]|A|$]]|$1|Q|3|R|5|6|7|1T|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1U|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1V|8|@]|9|@$O|1W|P|1X|1|1Y]]|A|$]]|$1|X|3|T|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|20|8|@]|9|@]|A|$]]|$1|10|3|11|5|H|7|21|8|@]|9|@]|A|$I|J]]|$1|12|3|13|5|6|7|22|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|23|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|24|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D]]|1E|$5|1F|1A|1G|A|$1H|1I|1J|-4]]]]

<h1>Benchmark</h1>
<h2>TL;DR</h2>
<p>The winner of this benchmark is the plain old for loop:</p>
<pre class="lang-js prettyprint-override"><code>function titleize(str) {
    let upper = true
    let newStr = &quot;&quot;
    for (let i = 0, l = str.length; i &lt; l; i++) {
        // Note that you can also check for all kinds of spaces  with
        // str[i].match(/\s/)
        if (str[i] == &quot; &quot;) {
            upper = true
            newStr += str[i]
            continue
        }
        newStr += upper ? str[i].toUpperCase() : str[i].toLowerCase()
        upper = false
    }
    return newStr
}
// NOTE: you could beat that using charcode and string builder I guess.
</code></pre>
<h2>Actual benchmark</h2>
<p>I've taken the most popular and distinct answers and made <a href="https://jsben.ch/bDBKL" rel="noreferrer">a benchmark</a> with those.</p>
<p>Here's the result on my MacBook pro:</p>
<p><a href="https://i.stack.imgur.com/Dc4ZU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Dc4ZU.png" alt="enter image description here" /></a></p>
<p>And for completeness, here are the functions used:</p>
<pre class="lang-js prettyprint-override"><code>str = &quot;the QUICK BrOWn Fox jUMPS oVeR the LAzy doG&quot;;
function regex(str) {
  return str.replace(
    /\w\S*/g,
    function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }
  );
}

function split(str) {
  return str.
    split(' ').
    map(w =&gt; w[0].toUpperCase() + w.substr(1).toLowerCase()).
    join(' ');
}

function complete(str) {
  var i, j, str, lowers, uppers;
  str = str.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
  });

  // Certain minor words should be left lowercase unless 
  // they are the first or last words in the string
  lowers = ['A', 'An', 'The', 'And', 'But', 'Or', 'For', 'Nor', 'As', 'At', 
  'By', 'For', 'From', 'In', 'Into', 'Near', 'Of', 'On', 'Onto', 'To', 'With'];
  for (i = 0, j = lowers.length; i &lt; j; i++)
    str = str.replace(new RegExp('\\s' + lowers[i] + '\\s', 'g'), 
      function(txt) {
        return txt.toLowerCase();
      });

  // Certain words such as initialisms or acronyms should be left uppercase
  uppers = ['Id', 'Tv'];
  for (i = 0, j = uppers.length; i &lt; j; i++)
    str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'), 
      uppers[i].toUpperCase());

  return str;
}

function firstLetterOnly(str) {
  return str.replace(/\b(\S)/g, function(t) { return t.toUpperCase(); });
}

function forLoop(str) {
  let upper = true;
  let newStr = &quot;&quot;;
  for (let i = 0, l = str.length; i &lt; l; i++) {
    if (str[i] == &quot; &quot;) {
      upper = true;
        newStr += &quot; &quot;;
      continue;
    }
    newStr += upper ? str[i].toUpperCase() : str[i].toLowerCase();
    upper = false;
  }
  return newStr;
}
</code></pre>
<p>Note that i deliberately did not change the prototype since I consider it a really bad practice and I don't think we should promote such practice in our answers. This is only ok for small codebases when you're the only one working on it.</p>
<p>If you want to add any other way to do it to this benchmark, please comment a link to the answer !</p>


blocks|key|5198622|text|这是我的答案，如果你的问题解决了，请发表意见并点赞。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5198623|​|5198624|function+toTitleCase(str)+{
++return+str.replace(
++++/(\w*\W*%7C\w*)\s*/g,
++++function(txt)+{
++++return(txt.charAt(0).toUpperCase()+%2B+txt.substr(1).toLowerCase())
++++}
++);+
}|code-block|syntax|javascript|5198625|<form>
++Input:
++<br+/><textarea+name="input"+onchange="form.output.value=toTitleCase(this.value)"+onkeyup="form.output.value=toTitleCase(this.value)"></textarea>
++<br+/>Output:
++<br+/><textarea+name="output"+readonly+onclick="select(this)"></textarea>
</form>|5198626|5198627|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Here is my answer Guys Please comment and like if your problem solved.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toTitleCase(str) {
  return str.replace(
    /(\w*\W*|\w*)\s*/g,
    function(txt) {
    return(txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase())
    }
  ); 
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
  Input:
  &lt;br /&gt;&lt;textarea name="input" onchange="form.output.value=toTitleCase(this.value)" onkeyup="form.output.value=toTitleCase(this.value)"&gt;&lt;/textarea&gt;
  &lt;br /&gt;Output:
  &lt;br /&gt;&lt;textarea name="output" readonly onclick="select(this)"&gt;&lt;/textarea&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>


blocks|key|3780585|text|您可以将第一个字符大写并与剩余的字符串连接。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780586|​|3780587|let+str+=+'john+smith';
let+res+=+str.split("+");
res.forEach((w,+index)+=>+{
++++res[index]+=++w.charAt(0).toUpperCase().concat(w.slice(1,+w.length))
});
res+=+res.join("+");
console.log(res);|code-block|syntax|javascript|3780588|3780589|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can capitalize 1st char and join with the remaining string.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let str = 'john smith';
let res = str.split(" ");
res.forEach((w, index) =&gt; {
    res[index] =  w.charAt(0).toUpperCase().concat(w.slice(1, w.length))
});
res = res.join(" ");
console.log(res);</code></pre>
</div>
</div>
</p>


blocks|key|3780593|text|我的答案是使用正则表达式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780594|有关更多详细信息，请访问regex：https://regex101.com/r/AgRM3p/1|offset|length|3780595|​|3780596|function+toTitleCase(string+=+'')+{
++const+regex+=+/%5E[a-z]{0,1}%7C\s\w/gi;

++string+=+string.toLowerCase();

++string.match(regex).forEach((char)+=>+{
++++string+=+string.replace(char,+char.toUpperCase());
++});

++return+string;
}

const+input+=+document.getElementById('fullname');
const+button+=+document.getElementById('button');
const+result+=+document.getElementById('result');

button.addEventListener('click',+()+=>+{
++result.innerText+=+toTitleCase(input.value);
});|code-block|syntax|javascript|3780597|<!DOCTYPE+html>
<html+lang="en">
<head>
++++<meta+charset="UTF-8">
++++<meta+http-equiv="X-UA-Compatible"+content="IE=edge">
++++<meta+name="viewport"+content="width=device-width,+initial-scale=1.0">
++++<title>Test</title>
</head>
<body>
++++<input+type="text"+id="fullname">
++++<button+id="button">click+me</button>
++++<p+id="result">Result+here</p>
++++<script+src="./index.js"></script>
</body>
</html>|3780598|3780599|entityMap|0|LINK|mutability|MUTABLE|url|https://regex101.com/r/AgRM3p/1^0|0|I|V|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|13|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|O|3|G|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]]]

<p>My answer using regex.</p>
<p>for more details regex: <a href="https://regex101.com/r/AgRM3p/1" rel="nofollow noreferrer">https://regex101.com/r/AgRM3p/1</a></p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toTitleCase(string = '') {
  const regex = /^[a-z]{0,1}|\s\w/gi;

  string = string.toLowerCase();

  string.match(regex).forEach((char) =&gt; {
    string = string.replace(char, char.toUpperCase());
  });

  return string;
}

const input = document.getElementById('fullname');
const button = document.getElementById('button');
const result = document.getElementById('result');

button.addEventListener('click', () =&gt; {
  result.innerText = toTitleCase(input.value);
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;input type="text" id="fullname"&gt;
    &lt;button id="button"&gt;click me&lt;/button&gt;
    &lt;p id="result"&gt;Result here&lt;/p&gt;
    &lt;script src="./index.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|3780621|text|没有正则表达式，没有循环，没有拆分，没有子串：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3780622|​|3780623|String.prototype.toTitleCase+=+function+()+{+return+this.valueOf().toLowerCase().replace(this.valueOf()[0],+this.valueOf()[0].toUpperCase());+}

console.log('laiLA'.toTitleCase());|code-block|syntax|javascript|3780624|3780625|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>No regex, no loop, no split, no substring:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>String.prototype.toTitleCase = function () { return this.valueOf().toLowerCase().replace(this.valueOf()[0], this.valueOf()[0].toUpperCase()); }

console.log('laiLA'.toTitleCase());</code></pre>
</div>
</div>
</p>


blocks|key|1458244|text|吉姆-鲍勃->吉姆-鲍勃|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1458245|吉姆/鲍勃->吉姆/鲍勃|1458246|jim_bob+->+Jim_Bob|1458247|是不是->不是|1458248|école+->école|1458249|McDonalds+->+McDonalds|1458250|function+toTitleCase(str)+{
++return+str.replace(/\p{L}%2B('\p{L}%2B)?/gu,+function(txt)+{
++++return+txt.charAt(0).toUpperCase()+%2B+txt.slice(1)
++}
}|code-block|syntax|javascript|1458251|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|Y|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>jim-bob -&gt; Jim-Bob</p>
<p>jim/bob -&gt; Jim/Bob</p>
<p>jim_bob -&gt; Jim_Bob</p>
<p>isn't -&gt; Isn't</p>
<p>école -&gt; École</p>
<p>McDonalds -&gt; McDonalds</p>
<pre><code>function toTitleCase(str) {
  return str.replace(/\p{L}+('\p{L}+)?/gu, function(txt) {
    return txt.charAt(0).toUpperCase() + txt.slice(1)
  }
}
</code></pre>


blocks|key|1669710|text|我已经针对土耳其语测试了这个解决方案，它也适用于特殊字符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1669711|​|1669712|function+toTitleCase(str)+{
++return+str.toLocaleLowerCase().replace(
++++/(%5E%7C\w)\S*/g,
++++(txt)+=>+txt.charAt(0).toLocaleUpperCase()+%2B+txt.substring(1),
++)
}

console.log(toTitleCase('İSMAİL+HAKKI'))
console.log(toTitleCase('ŞAHMARAN+BİNBİR+GECE+MASALLARI'))|code-block|syntax|javascript|1669713|1669714|我在一开始添加了"toLocaleLowerCase“，因为我有所有的大写数据。如果您不需要它，可以将其丢弃。|1669715|对于非英语语言，使用区域设置操作很重要。|1669716|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>I've tested this solution for Turkish and it works with special characters too.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function toTitleCase(str) {
  return str.toLocaleLowerCase().replace(
    /(^|\w)\S*/g,
    (txt) =&gt; txt.charAt(0).toLocaleUpperCase() + txt.substring(1),
  )
}

console.log(toTitleCase('İSMAİL HAKKI'))
console.log(toTitleCase('ŞAHMARAN BİNBİR GECE MASALLARI'))</code></pre>
</div>
</div>
</p>
<p>I've added &quot;toLocaleLowerCase&quot; at the begining since I've all caps data. You can discard it if you don't need it.</p>
<p>Using locale operations is important for non-english languages.</p>


blocks|key|1669729|text|如果您想使用NPM库，请查看title-case|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1669730|安装：|1669731|npm+install+title-case+--save|code-block|syntax|javascript|1669732|用法：|1669733|import+{+titleCase+}+from+"title-case";

titleCase("string");+//=>+"String"
titleCase("follow+step-by-step+instructions");+//=>+"Follow+Step-by-Step+Instructions"|1669734|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/title-case^0|E|A|E|A|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

<p>If you'd like to use an NPM library, check out <a href="https://www.npmjs.com/package/title-case" rel="nofollow noreferrer"><code>title-case</code></a>:</p>
<p>Installation:</p>
<pre><code>npm install title-case --save
</code></pre>
<p>Usage:</p>
<pre class="lang-js prettyprint-override"><code>import { titleCase } from &quot;title-case&quot;;

titleCase(&quot;string&quot;); //=&gt; &quot;String&quot;
titleCase(&quot;follow step-by-step instructions&quot;); //=&gt; &quot;Follow Step-by-Step Instructions&quot;
</code></pre>


<p>Is there a simple way to convert a string to Title Case? E.g. <code>john smith</code> becomes <code>John Smith</code>. I'm not looking for something complicated like <a href="http://ejohn.org/blog/title-capitalization-in-javascript/" rel="noreferrer">John Resig's solution</a>, just (hopefully) some kind of one- or two-liner.</p>


Convert string to Title Case with JavaScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有一种简单的方法可以将字符串转换为标题大小写？例如，john smith变成了John Smith。我不是在寻找像这样复杂的东西，只是(希望)某种一两行代码。

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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