Convert string to title case with JavaScript

Question

Is there a simple way to convert a string to title case  E g  john smith becomes John Smith  I m not looking for something complicated like John Resig s solution  just  hopefully  some kind of one- or two-liner

User · Answer

Here is a compact solution to the problem   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

User · Answer

A slightly more elegant way  adapting Greg Dean s function   String prototype toProperCase   function          return this replace   w S  g  function txt  return txt charAt 0  toUpperCase     txt substr 1  toLowerCase            Call it like    pascal  toProperCase

User · Answer

This is based on my solution for FreeCodeCamp s Bonfire  Title Case   which requires you to first convert the given string to all lower case and then convert every character proceeding a space to upper case   Without using regex   function titleCase str     return str toLowerCase   split      map function val    return val replace val 0   val 0  toUpperCase        join

User · Answer

this is a test ---  This Is A Test   x000D   x000D  function capitalize str    x000D   x000D    const word       x000D   x000D    for  let char of str split         x000D      word push char 0  toUpperCase     char slice 1   x000D      x000D   x000D    return word join       x000D   x000D    x000D   x000D  console log capitalize  this is a test     x000D   x000D   x000D

User · Answer

It s not short but here is what I came up with on a recent assignment in school    x000D   x000D  var myPoem    What is a jQuery but a misunderstood object   x000D    What is a jQuery but a misunderstood object  -- gt  What Is A JQuery But A Misunderstood Object  x000D   x000D      code here x000D  var capitalize   function str    x000D    var strArr   str split       x000D    var newArr       x000D    for  var i   0  i  lt  strArr length  i      x000D      newArr push strArr i  charAt 0  toUpperCase     strArr i  slice 1   x000D       x000D    return newArr join        x000D    x000D   x000D  var fixedPoem   capitalize myPoem   x000D  alert fixedPoem   x000D   x000D   x000D

User · Answer

Try  this   x000D   x000D  function toTitleCase str      return str replace        w S  g      function txt          return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                 x000D   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  x000D   x000D   x000D

User · Answer

here s another solution using css  and javascript  if the text you want to transform is in uppercase    html   lt span id  text  gt JOHN SMITH lt  span gt    js  var str   document getElementById  text   innerHtml  var return text   str toLowerCase      css   text text-transform capitalize

User · Answer

https   lodash com docs 4 17 11 capitalize  Use Lodash Library     More Reliable    capitalize  FRED      gt   Fred

User · Answer

Here   s my function that converts to title case but also preserves defined acronyms as uppercase and minor words as lowercase   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      For example    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

User · Answer

Prototype solution of Greg Dean s solution   String prototype capitalize   function       return this replace   w S  g  function txt  return txt charAt 0  toUpperCase     txt substr 1  toLowerCase

User · Answer

I wanted to add my own answer as I needed a robust toTitleCase function that takes into account grammar rules listed here  Google recommended article   There are various rules that depend on the length of the input string  Below is the function   unit tests   The function also consolidates whitespace and removes special characters  modify regex for your needs   toTitleCase Function  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           Unit Tests to Ensure Correctness  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                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

User · Answer

Try to apply the text-transform CSS style to your controls  eg   text-transform  capitalize

User · Answer

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   function toTitleCase str        return str replace   b w g  function  txt    return txt toUpperCase            Works for hyphenated names like Jim-Bob too

User · Answer

john smith -  John Smith   john smith  replace     w  s  w  1  g  function str   return str toUpperCase

User · Answer

Simpler more performant version  with simple caching     x000D   x000D    var TITLE CASE LOWER MAP     x000D       a   1   an   1   and   1   as   1   at   1   but   1   by   1   en  1   with   1  x000D       for   1   if   1   in   1   of   1   on   1   the   1   to   1   via   1 x000D       x000D   x000D       LEAK CACHE TODO  evaluate using LRU  x000D    var TITLE CASE CACHE   new Object    x000D   x000D    toTitleCase  function  title    x000D      if   title  return null  x000D   x000D      var result   TITLE CASE CACHE title   x000D      if  result    x000D        return result  x000D        x000D   x000D      result       x000D      var split   title toLowerCase   split       x000D      for  var i 0  i  lt  split length  i      x000D   x000D        if  i  gt  0    x000D          result         x000D          x000D   x000D        var word   split i   x000D        if  i    0    TITLE CASE LOWER MAP word     1    x000D          word   word substr 0 1  toUpperCase     word substr 1   x000D          x000D   x000D        result    word  x000D        x000D   x000D      TITLE CASE CACHE title    result  x000D   x000D      return result  x000D       x000D   x000D   x000D

User · Answer

Without using regex just for reference    x000D   x000D  String prototype toProperCase   function     x000D    var words   this split       x000D    var results       x000D    for  var i   0  i  lt  words length  i      x000D      var letter   words i  charAt 0  toUpperCase    x000D      results push letter   words i  slice 1    x000D      x000D    return results join       x000D     x000D   x000D  console log  x000D     john smith  toProperCase   x000D    x000D   x000D   x000D

User · Answer

If regex used in the above solutions is getting you confused  try this code   function titleCase str      return str split      map function val        return val charAt 0  toUpperCase     val substr 1  toLowerCase         join

User · Answer

My simple and easy version to the problem       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

User · Answer

Use   S  g to support diacritics    x000D   x000D  function toTitleCase str    x000D    return str replace   S  g  str   gt  str charAt 0  toUpperCase     str substr 1  toLowerCase     x000D    x000D   x000D  console log toTitleCase  a city named   rebro        A City Named   rebro x000D   x000D   x000D    However   sunshine  yellow      Sunshine  yellow

User · Answer

Just another version to add to the mix  This will also check if the string length is 0   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

User · Answer

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

User · Answer

Simple way to convert an individual word to title case  Using the  Slice  method and String concatenation  str slice 0  1  toUpperCase     str slice 1  str length     Add  toLowerCase   to the end if you want to lowercase the rest of the word  Using ES6 Spread Operator  Map  and Join      str  map  w  i    gt  i     0   w 0  toUpperCase     w  join

User · Answer

john f  kennedy  replace   b S g  t   gt  t toUpperCase

User · Answer

Simple way to convert an individual word to title case  Using the  Slice  method and String concatenation  str slice 0  1  toUpperCase     str slice 1  str length     Add  toLowerCase   to the end if you want to lowercase the rest of the word  Using ES6 Spread Operator  Map  and Join      str  map  w  i    gt  i     0   w 0  toUpperCase     w  join

User · Answer

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   function toTitleCase str        return str replace   b w g  function  txt    return txt toUpperCase            Works for hyphenated names like Jim-Bob too

User · Answer

Without using regex just for reference    x000D   x000D  String prototype toProperCase   function     x000D    var words   this split       x000D    var results       x000D    for  var i   0  i  lt  words length  i      x000D      var letter   words i  charAt 0  toUpperCase    x000D      results push letter   words i  slice 1    x000D      x000D    return results join       x000D     x000D   x000D  console log  x000D     john smith  toProperCase   x000D    x000D   x000D   x000D

User · Answer

Try  this   x000D   x000D  function toTitleCase str      return str replace        w S  g      function txt          return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                 x000D   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  x000D   x000D   x000D

User · Answer

https   lodash com docs 4 17 11 capitalize  Use Lodash Library     More Reliable    capitalize  FRED      gt   Fred

User · Answer

ES 6  str split          map s   gt  s slice 0  1  toUpperCase     s slice 1  toLowerCase        join        else  str split      map function  s        return s slice 0  1  toUpperCase     s slice 1  toLowerCase       join

User · Answer

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   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

User · Answer

Use   S  g to support diacritics    x000D   x000D  function toTitleCase str    x000D    return str replace   S  g  str   gt  str charAt 0  toUpperCase     str substr 1  toLowerCase     x000D    x000D   x000D  console log toTitleCase  a city named   rebro        A City Named   rebro x000D   x000D   x000D    However   sunshine  yellow      Sunshine  yellow

User · Answer

For those of us who are scared of regular expressions  lol     x000D   x000D  function titleCase str  x000D    x000D      var words   str split       x000D      for   var i   0  i  lt  words length  i     x000D        x000D          var j   words i  charAt 0  toUpperCase    x000D          words i    j   words i  substr 1   x000D        x000D      return words join       x000D    x000D   x000D   x000D

User · Answer

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        x000D   x000D  var stringToConvert    john   x000D  stringToConvert   stringToConvert charAt 0  toUpperCase     Array prototype slice call stringToConvert  1  join      x000D  console log stringToConvert   x000D   x000D   x000D

User · Answer

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   We have come up with several cases where different types of auto capitalization fall apart and these are just for English names alone  each language has its own complexities   Issues with capitalizing the first letter of each name         Acronyms such as IBM aren   t allowed to be inputted  would turn into Ibm         The Name McDonald would turn into Mcdonald which is incorrect  the same thing is MacDonald too         Double barrelled names such as Marie-Tonks would get turned into Marie-tonks         Names like O   Connor would turn into O   connor   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         Adding in a rule to fix names with Mac such as MacDonald  would the break names such as Macy turning it into MacY   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   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  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

User · Answer

Here is my answer Guys Please comment and like if your problem solved   x000D   x000D  function toTitleCase str      return str replace         w  W   w   s  g      function txt        return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                  x000D   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  x000D   x000D   x000D

User · Answer

Here s a really simple  amp  concise ES6 function to do this  const titleCase    str    gt      return str replace   w S  g   t    gt    return t charAt 0  toUpperCase     t substr 1  toLowerCase          export default titleCase   Works well included in a utilities folder and used as follows  import titleCase from    utilities titleCase js    const string    my title  amp  string    console log titleCase string      - gt   My Title  amp  String

User · Answer

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    x000D   x000D   SOF  A vergara  toLowerCase   replace   b  s w   w  g  function  txt    return txt toUpperCase        x000D   x000D   x000D    The result is  Sof  a Vergara

User · Answer

A method use reduce   x000D   x000D  function titleCase str    x000D    const arr   str split       x000D    const result   arr reduce  acc  cur    gt    x000D      const newStr   cur 0  toUpperCase     cur slice 1  toLowerCase    x000D      return acc       newStr    x000D          x000D    return result slice 0  result length-1   x000D    x000D   x000D   x000D

User · Answer

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   One final search made the suggestion 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   So it capitalizes acronyms  the first letter of the title  and the first letter of most words   It is not intended to handle words in caps-lock  I wanted to leave those alone    x000D   x000D  function camelCase str    x000D    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    x000D    return character toUpperCase    x000D      x000D       x000D  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      x000D   x000D   x000D

User · Answer

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

User · Answer

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             Usage    hello world  capitalize

User · Answer

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        x000D   x000D  var stringToConvert    john   x000D  stringToConvert   stringToConvert charAt 0  toUpperCase     Array prototype slice call stringToConvert  1  join      x000D  console log stringToConvert   x000D   x000D   x000D

User · Answer

I think you should try with this function   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

User · Answer

As full featured as John Resig s solution  but as a one-liner   based on this github project   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

User · Answer

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   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

User · Answer

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 toLowerCase   on your string first   function title str      return str replace      s  S g  function t    return t toUpperCase           You can add this to your string prototype which will allow you to  my string  toTitle   as follows   String prototype toTitle   function       return this replace      s  S g  function t    return t toUpperCase           Example   x000D   x000D  String prototype toTitle   function     x000D    return this replace      s  S g  function t    return t toUpperCase       x000D    x000D   x000D  console log  all lower case - gt    all lower case  toTitle     x000D  console log  ALL UPPER CASE - gt    ALL UPPER CASE  toTitle     x000D  console log  I m a little teapot - gt    I m a little teapot  toTitle     x000D   x000D   x000D

User · Answer

If you can use third party libraries in your code then lodash has a helper function for us   https   lodash com docs 4 17 3 startCase   x000D   x000D    startCase  foo bar    x000D       gt   Foo Bar  x000D   x000D    startCase  --foo-bar--    x000D       gt   Foo Bar  x000D    x000D    startCase  fooBar    x000D       gt   Foo Bar  x000D    x000D    startCase    FOO BAR      x000D       gt   FOO BAR  x000D   x000D   x000D

User · Answer

Try  this   x000D   x000D  function toTitleCase str      return str replace        w S  g      function txt          return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                 x000D   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  x000D   x000D   x000D

User · Answer

Here is a compact solution to the problem   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

User · Answer

Try this  shortest way   str replace     a-z     s  a-z   g  txt   gt  txt toUpperCase

User · Answer

this is a test ---  This Is A Test   x000D   x000D  function capitalize str    x000D   x000D    const word       x000D   x000D    for  let char of str split         x000D      word push char 0  toUpperCase     char slice 1   x000D      x000D   x000D    return word join       x000D   x000D    x000D   x000D  console log capitalize  this is a test     x000D   x000D   x000D

User · Answer

var toMatch    john w  smith   var result   toMatch replace    w   w   g  function     i  r          return i toUpperCase      r    null   r                  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    If you want 2Nd instead of 2nd  you can change to    a-z    w   g   The first form can be simplified as   function toTitleCase toTransform      return toTransform replace   b  a-z   g  function     initial          return initial toUpperCase

User · Answer

Prototype solution of Greg Dean s solution   String prototype capitalize   function       return this replace   w S  g  function txt  return txt charAt 0  toUpperCase     txt substr 1  toLowerCase

User · Answer

Surprised to see no one mentioned the use of rest parameter  Here is a simple one liner that uses ES6 Rest parameters    x000D   x000D  let str  john smith  x000D  str str split      map   firstChar    rest    gt firstChar toUpperCase   rest join     toLowerCase    join      x000D  console log str  x000D   x000D   x000D

User · Answer

Just in case you are worried about those filler words  you can always just tell the function what not to capitalize           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                 Hope this helps you out   edit  If you want to handle leading glue words  you can keep track of this w  one more variable   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

User · Answer

Try  this   x000D   x000D  function toTitleCase str      return str replace        w S  g      function txt          return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                 x000D   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  x000D   x000D   x000D

User · Answer

Try this  String prototype toProperCase   function        return this toLowerCase   replace     a-z    a-z  - a-z   g           function  1               return  1 toUpperCase                          Example  var str    john smith   str toProperCase

User · Answer

A slightly more elegant way  adapting Greg Dean s function   String prototype toProperCase   function          return this replace   w S  g  function txt  return txt charAt 0  toUpperCase     txt substr 1  toLowerCase            Call it like    pascal  toProperCase

User · Answer

var toMatch    john w  smith   var result   toMatch replace    w   w   g  function     i  r          return i toUpperCase      r    null   r                  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    If you want 2Nd instead of 2nd  you can change to    a-z    w   g   The first form can be simplified as   function toTitleCase toTransform      return toTransform replace   b  a-z   g  function     initial          return initial toUpperCase

User · Answer

For those of us who are scared of regular expressions  lol     x000D   x000D  function titleCase str  x000D    x000D      var words   str split       x000D      for   var i   0  i  lt  words length  i     x000D        x000D          var j   words i  charAt 0  toUpperCase    x000D          words i    j   words i  substr 1   x000D        x000D      return words join       x000D    x000D   x000D   x000D

User · Answer

Robust Functional programming way to do Title Case Function  Exaplin Version  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     Implementation version  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

User · Answer

john smith -  John Smith   john smith  replace     w  s  w  1  g  function str   return str toUpperCase

User · Answer

Just another version to add to the mix  This will also check if the string length is 0   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

User · Answer

My one line solution   String prototype capitalizeWords   function         return this split      map function ele   return ele 0  toUpperCase     ele slice 1  toLowerCase      join            Then  you can call the method capitalizeWords   on any string  For example   var myS    this actually works    myS capitalizeWords      gt  gt  gt  This Actually Works   My other solution   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            Then  you can call the method capitalizeWords   on any string  For example   var myStr    this one works too    myStr capitalizeWords      gt  gt  gt  This One Works Too   Alternative solution based on Greg Dean answer   function capitalizeFirstLetter word        return word 0  toUpperCase     word slice 1  toLowerCase      String prototype capitalizeWords   function         return this replace   w S  g  capitalizeFirstLetter        Then  you can call the method capitalizeWords   on any string  For example   var myString    yes and no   myString capitalizeWords     gt  gt  gt  Yes And No

User · Answer

A one-liner using regex  get all  g starting characters of words  b a-zA-Z    and apply  toUpperCase    x000D   x000D  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  x000D   x000D   x000D

User · Answer

Try this  shortest way   str replace     a-z     s  a-z   g  txt   gt  txt toUpperCase

User · Answer

Here s a really simple  amp  concise ES6 function to do this  const titleCase    str    gt      return str replace   w S  g   t    gt    return t charAt 0  toUpperCase     t substr 1  toLowerCase          export default titleCase   Works well included in a utilities folder and used as follows  import titleCase from    utilities titleCase js    const string    my title  amp  string    console log titleCase string      - gt   My Title  amp  String

User · Answer

You could immediately toLowerCase the string  and then just toUpperCase the first letter of each word  Becomes a very simple 1 liner    x000D   x000D  function titleCase str    x000D    return str toLowerCase   replace   b  w  g  s   gt  s toUpperCase     x000D    x000D   x000D  console log titleCase  iron man     x000D  console log titleCase  iNcrEdible hulK     x000D   x000D   x000D

User · Answer

Just in case you are worried about those filler words  you can always just tell the function what not to capitalize           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                 Hope this helps you out   edit  If you want to handle leading glue words  you can keep track of this w  one more variable   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

User · Answer

As full featured as John Resig s solution  but as a one-liner   based on this github project   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

User · Answer

Here   s my function that converts to title case but also preserves defined acronyms as uppercase and minor words as lowercase   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      For example    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

User · Answer

I wanted to add my own answer as I needed a robust toTitleCase function that takes into account grammar rules listed here  Google recommended article   There are various rules that depend on the length of the input string  Below is the function   unit tests   The function also consolidates whitespace and removes special characters  modify regex for your needs   toTitleCase Function  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           Unit Tests to Ensure Correctness  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                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

User · Answer

My simple and easy version to the problem       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

User · Answer

Surprised to see no one mentioned the use of rest parameter  Here is a simple one liner that uses ES6 Rest parameters    x000D   x000D  let str  john smith  x000D  str str split      map   firstChar    rest    gt firstChar toUpperCase   rest join     toLowerCase    join      x000D  console log str  x000D   x000D   x000D

User · Answer

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

User · Answer

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   The long solution  more explanatory   By using regular expression    s  -    we can find every word in the sentence  Subsequently  we can use the regular expression   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    x000D   x000D  function toUpperCase str    return str toUpperCase      x000D  function capitalizeWord word    return word replace      toUpperCase     x000D  function capitalize sentence    return sentence toLowerCase   replace     s  -    g  capitalizeWord     x000D   x000D  console log capitalize  hello world        Outputs  Hello World x000D   x000D   x000D    For a single function that does the same thing  we nest the replace calls as follows    x000D   x000D  function capitalize sentence    x000D    return sentence toLowerCase   replace     s  -    g  function  word    x000D      return word replace      function  ch    return ch toUpperCase         x000D         x000D    x000D   x000D  console log capitalize  hello world        Outputs  Hello World x000D   x000D   x000D

User · Answer

If you can use third party libraries in your code then lodash has a helper function for us   https   lodash com docs 4 17 3 startCase   x000D   x000D    startCase  foo bar    x000D       gt   Foo Bar  x000D   x000D    startCase  --foo-bar--    x000D       gt   Foo Bar  x000D    x000D    startCase  fooBar    x000D       gt   Foo Bar  x000D    x000D    startCase    FOO BAR      x000D       gt   FOO BAR  x000D   x000D   x000D

User · Answer

Another approach to achieve something similar can be as follows   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

User · Answer

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   We have come up with several cases where different types of auto capitalization fall apart and these are just for English names alone  each language has its own complexities   Issues with capitalizing the first letter of each name         Acronyms such as IBM aren   t allowed to be inputted  would turn into Ibm         The Name McDonald would turn into Mcdonald which is incorrect  the same thing is MacDonald too         Double barrelled names such as Marie-Tonks would get turned into Marie-tonks         Names like O   Connor would turn into O   connor   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         Adding in a rule to fix names with Mac such as MacDonald  would the break names such as Macy turning it into MacY   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   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  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

User · Answer

My one line solution   String prototype capitalizeWords   function         return this split      map function ele   return ele 0  toUpperCase     ele slice 1  toLowerCase      join            Then  you can call the method capitalizeWords   on any string  For example   var myS    this actually works    myS capitalizeWords      gt  gt  gt  This Actually Works   My other solution   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            Then  you can call the method capitalizeWords   on any string  For example   var myStr    this one works too    myStr capitalizeWords      gt  gt  gt  This One Works Too   Alternative solution based on Greg Dean answer   function capitalizeFirstLetter word        return word 0  toUpperCase     word slice 1  toLowerCase      String prototype capitalizeWords   function         return this replace   w S  g  capitalizeFirstLetter        Then  you can call the method capitalizeWords   on any string  For example   var myString    yes and no   myString capitalizeWords     gt  gt  gt  Yes And No

User · Answer

A solution using lodash -   import   words  lowerCase  capitalize  endsWith  padEnd   from  lodash   const titleCase   string   gt    padEnd      words string         g         map lowerCase         map capitalize         join           string length

User · Answer

Another approach to achieve something similar can be as follows   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

User · Answer

A solution using lodash -   import   words  lowerCase  capitalize  endsWith  padEnd   from  lodash   const titleCase   string   gt    padEnd      words string         g         map lowerCase         map capitalize         join           string length

User · Answer

Benchmark TL DR The winner of this benchmark is the plain old for loop  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   Actual benchmark I ve taken the most popular and distinct answers and made a benchmark with those  Here s the result on my MacBook pro   And for completeness  here are the functions used  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     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  If you want to add any other way to do it to this benchmark  please comment a link to the answer

User · Answer

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             Usage    hello world  capitalize

User · Answer

Try this  String prototype toProperCase   function        return this toLowerCase   replace     a-z    a-z  - a-z   g           function  1               return  1 toUpperCase                          Example  var str    john smith   str toProperCase

User · Answer

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

User · Answer

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    x000D   x000D   SOF  A vergara  toLowerCase   replace   b  s w   w  g  function  txt    return txt toUpperCase        x000D   x000D   x000D    The result is  Sof  a Vergara

User · Answer

This is based on my solution for FreeCodeCamp s Bonfire  Title Case   which requires you to first convert the given string to all lower case and then convert every character proceeding a space to upper case   Without using regex   function titleCase str     return str toLowerCase   split      map function val    return val replace val 0   val 0  toUpperCase        join

User · Answer

ES6 one liner  const toTitleCase   string   gt  string split      map  word    gt   word 0  toUpperCase       word substr 1   join      join

User · Answer

Simpler more performant version  with simple caching     x000D   x000D    var TITLE CASE LOWER MAP     x000D       a   1   an   1   and   1   as   1   at   1   but   1   by   1   en  1   with   1  x000D       for   1   if   1   in   1   of   1   on   1   the   1   to   1   via   1 x000D       x000D   x000D       LEAK CACHE TODO  evaluate using LRU  x000D    var TITLE CASE CACHE   new Object    x000D   x000D    toTitleCase  function  title    x000D      if   title  return null  x000D   x000D      var result   TITLE CASE CACHE title   x000D      if  result    x000D        return result  x000D        x000D   x000D      result       x000D      var split   title toLowerCase   split       x000D      for  var i 0  i  lt  split length  i      x000D   x000D        if  i  gt  0    x000D          result         x000D          x000D   x000D        var word   split i   x000D        if  i    0    TITLE CASE LOWER MAP word     1    x000D          word   word substr 0 1  toUpperCase     word substr 1   x000D          x000D   x000D        result    word  x000D        x000D   x000D      TITLE CASE CACHE title    result  x000D   x000D      return result  x000D       x000D   x000D   x000D

User · Answer

x000D   x000D  var result   x000D     this is very interesting  replace   b a-z  g   x    gt  x toUpperCase    x000D   x000D  console log result     This Is Very Interesting x000D   x000D   x000D

User · Answer

This solution takes punctuation into account for new sentences  handles quotations  converts minor words to lowercase and ignores acronyms or all-caps words   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

User · Answer

Robust Functional programming way to do Title Case Function  Exaplin Version  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     Implementation version  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

User · Answer

ES 6  str split          map s   gt  s slice 0  1  toUpperCase     s slice 1  toLowerCase        join        else  str split      map function  s        return s slice 0  1  toUpperCase     s slice 1  toLowerCase       join

User · Answer

Here s my version  IMO it s easy to understand and elegant too    x000D   x000D  var str    foo bar baz  x000D   x000D  console log  x000D   x000D  str split      x000D      map w   gt  w 0  toUpperCase     w substr 1  toLowerCase    x000D      join      x000D   x000D    x000D     returns  Foo Bar Baz  x000D   x000D   x000D

User · Answer

You could immediately toLowerCase the string  and then just toUpperCase the first letter of each word  Becomes a very simple 1 liner    x000D   x000D  function titleCase str    x000D    return str toLowerCase   replace   b  w  g  s   gt  s toUpperCase     x000D    x000D   x000D  console log titleCase  iron man     x000D  console log titleCase  iNcrEdible hulK     x000D   x000D   x000D

User · Answer

here s another solution using css  and javascript  if the text you want to transform is in uppercase    html   lt span id  text  gt JOHN SMITH lt  span gt    js  var str   document getElementById  text   innerHtml  var return text   str toLowerCase      css   text text-transform capitalize

User · Answer

var toMatch    john w  smith   var result   toMatch replace    w   w   g  function     i  r          return i toUpperCase      r    null   r                  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    If you want 2Nd instead of 2nd  you can change to    a-z    w   g   The first form can be simplified as   function toTitleCase toTransform      return toTransform replace   b  a-z   g  function     initial          return initial toUpperCase

User · Answer

Here s my version  IMO it s easy to understand and elegant too    x000D   x000D  var str    foo bar baz  x000D   x000D  console log  x000D   x000D  str split      x000D      map w   gt  w 0  toUpperCase     w substr 1  toLowerCase    x000D      join      x000D   x000D    x000D     returns  Foo Bar Baz  x000D   x000D   x000D

User · Answer

I think the simplest is using css    function format str str        str   str toLowerCase        return   lt span style  text-transform  capitalize  gt    str    lt  span gt

User · Answer

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 toLowerCase   on your string first   function title str      return str replace      s  S g  function t    return t toUpperCase           You can add this to your string prototype which will allow you to  my string  toTitle   as follows   String prototype toTitle   function       return this replace      s  S g  function t    return t toUpperCase           Example   x000D   x000D  String prototype toTitle   function     x000D    return this replace      s  S g  function t    return t toUpperCase       x000D    x000D   x000D  console log  all lower case - gt    all lower case  toTitle     x000D  console log  ALL UPPER CASE - gt    ALL UPPER CASE  toTitle     x000D  console log  I m a little teapot - gt    I m a little teapot  toTitle     x000D   x000D   x000D

User · Answer

A one-liner using regex  get all  g starting characters of words  b a-zA-Z    and apply  toUpperCase    x000D   x000D  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  x000D   x000D   x000D

User · Answer

This solution takes punctuation into account for new sentences  handles quotations  converts minor words to lowercase and ignores acronyms or all-caps words   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

User · Answer

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

User · Answer

I think you should try with this function   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

User · Answer

john f  kennedy  replace   b S g  t   gt  t toUpperCase

User · Answer

If regex used in the above solutions is getting you confused  try this code   function titleCase str      return str split      map function val        return val charAt 0  toUpperCase     val substr 1  toLowerCase         join

User · Answer

ES6 one liner  const toTitleCase   string   gt  string split      map  word    gt   word 0  toUpperCase       word substr 1   join      join

User · Answer

I think the simplest is using css    function format str str        str   str toLowerCase        return   lt span style  text-transform  capitalize  gt    str    lt  span gt

User · Answer

Try to apply the text-transform CSS style to your controls  eg   text-transform  capitalize

User · Answer

Benchmark TL DR The winner of this benchmark is the plain old for loop  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   Actual benchmark I ve taken the most popular and distinct answers and made a benchmark with those  Here s the result on my MacBook pro   And for completeness  here are the functions used  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     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  If you want to add any other way to do it to this benchmark  please comment a link to the answer

User · Answer

var toMatch    john w  smith   var result   toMatch replace    w   w   g  function     i  r          return i toUpperCase      r    null   r                  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    If you want 2Nd instead of 2nd  you can change to    a-z    w   g   The first form can be simplified as   function toTitleCase toTransform      return toTransform replace   b  a-z   g  function     initial          return initial toUpperCase

User · Answer

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   The long solution  more explanatory   By using regular expression    s  -    we can find every word in the sentence  Subsequently  we can use the regular expression   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    x000D   x000D  function toUpperCase str    return str toUpperCase      x000D  function capitalizeWord word    return word replace      toUpperCase     x000D  function capitalize sentence    return sentence toLowerCase   replace     s  -    g  capitalizeWord     x000D   x000D  console log capitalize  hello world        Outputs  Hello World x000D   x000D   x000D    For a single function that does the same thing  we nest the replace calls as follows    x000D   x000D  function capitalize sentence    x000D    return sentence toLowerCase   replace     s  -    g  function  word    x000D      return word replace      function  ch    return ch toUpperCase         x000D         x000D    x000D   x000D  console log capitalize  hello world        Outputs  Hello World x000D   x000D   x000D

User · Answer

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   One final search made the suggestion 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   So it capitalizes acronyms  the first letter of the title  and the first letter of most words   It is not intended to handle words in caps-lock  I wanted to leave those alone    x000D   x000D  function camelCase str    x000D    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    x000D    return character toUpperCase    x000D      x000D       x000D  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      x000D   x000D   x000D

User · Answer

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

User · Answer

It s not short but here is what I came up with on a recent assignment in school    x000D   x000D  var myPoem    What is a jQuery but a misunderstood object   x000D    What is a jQuery but a misunderstood object  -- gt  What Is A JQuery But A Misunderstood Object  x000D   x000D      code here x000D  var capitalize   function str    x000D    var strArr   str split       x000D    var newArr       x000D    for  var i   0  i  lt  strArr length  i      x000D      newArr push strArr i  charAt 0  toUpperCase     strArr i  slice 1   x000D       x000D    return newArr join        x000D    x000D   x000D  var fixedPoem   capitalize myPoem   x000D  alert fixedPoem   x000D   x000D   x000D

User · Answer

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   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

User · Answer

x000D   x000D  var result   x000D     this is very interesting  replace   b a-z  g   x    gt  x toUpperCase    x000D   x000D  console log result     This Is Very Interesting x000D   x000D   x000D

User · Answer

Here is my answer Guys Please comment and like if your problem solved   x000D   x000D  function toTitleCase str      return str replace         w  W   w   s  g      function txt        return txt charAt 0  toUpperCase     txt substr 1  toLowerCase                  x000D   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  x000D   x000D   x000D

User · Answer

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   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

User · Answer

A method use reduce   x000D   x000D  function titleCase str    x000D    const arr   str split       x000D    const result   arr reduce  acc  cur    gt    x000D      const newStr   cur 0  toUpperCase     cur slice 1  toLowerCase    x000D      return acc       newStr    x000D          x000D    return result slice 0  result length-1   x000D    x000D   x000D   x000D

User · Answer

First  convert your string into array by splitting it by spaces  var words   str split        Then use array map to create a new array containing the capitalized words  var capitalized   words map function word        return word charAt 0  toUpperCase     word substring 1  word length        Then join the new array with spaces  capitalized join  quot   quot      x000D   x000D  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     x000D   x000D   x000D   NOTE  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 my spaces as 1 word  Supposedly you have  str    quot I m a little small tea pot quot   This will produce  I m A Little small Tea Pot  compared to the expected  I m A Little Small Tea Pot  In that case  using Regex and  replace will do the trick  with ES6   x000D   x000D  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       x000D   x000D   x000D   or without ES6   x000D   x000D  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      x000D   x000D   x000D

User · Answer

First  convert your string into array by splitting it by spaces  var words   str split        Then use array map to create a new array containing the capitalized words  var capitalized   words map function word        return word charAt 0  toUpperCase     word substring 1  word length        Then join the new array with spaces  capitalized join  quot   quot      x000D   x000D  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     x000D   x000D   x000D   NOTE  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 my spaces as 1 word  Supposedly you have  str    quot I m a little small tea pot quot   This will produce  I m A Little small Tea Pot  compared to the expected  I m A Little Small Tea Pot  In that case  using Regex and  replace will do the trick  with ES6   x000D   x000D  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       x000D   x000D   x000D   or without ES6   x000D   x000D  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      x000D   x000D   x000D

[javascript] Convert string to title case with JavaScript

Examples related to javascript

Examples related to title-case