How can I capitalize the first letter of each word in a string using JavaScript

Question

I m trying to write a function that capitalizes the first letter of every word in a string  converting the string to title case   For instance  when the input is  quot I m a little tea pot quot   I expect  quot I m A Little Tea Pot quot  to be the output  However  the function returns  quot i m a little tea pot quot   This is my code   x000D   x000D  function titleCase str      var splitStr   str toLowerCase   split          for  var i   0  i  lt  splitStr length  i          if  splitStr length i   lt  splitStr length          splitStr i  charAt 0  toUpperCase               str   splitStr join              return str     console log titleCase  I m a little tea pot     x000D   x000D   x000D

User · Answer

Below is another way to capitalize the first alphabet of each word in a string.

Create a custom method for a String object by using prototype.

String.prototype.capitalize = function() {
    var c = '';
    var s = this.split(' ');
    for (var i = 0; i < s.length; i++) {
        c+= s[i].charAt(0).toUpperCase() + s[i].slice(1) + ' ';
    }
    return c;
}
var name = "john doe";
document.write(name.capitalize());

User · Answer

You are not assigning your changes to the array again  so all your efforts are in vain  Try this    x000D   x000D  function titleCase str    x000D     var splitStr   str toLowerCase   split       x000D     for  var i   0  i  lt  splitStr length  i      x000D            You do not need to check if i is larger than splitStr length  as your for does that for you x000D            Assign it back to the array x000D         splitStr i    splitStr i  charAt 0  toUpperCase     splitStr i  substring 1        x000D       x000D        Directly return the joined string x000D     return splitStr join        x000D    x000D   x000D  document write titleCase  I m a little tea pot     x000D   x000D   x000D

User · Answer

Also a good option  particularly if you re using freeCodeCamp   function titleCase str      var wordsArray   str toLowerCase   split   s       var upperCased   wordsArray map function word        return word charAt 0  toUpperCase     word substr 1           return upperCased join  quot   quot

User · Answer

As of ECMA2017 or ES8   x000D   x000D  const titleCase    string    gt    x000D    return string x000D       split      x000D       map word   gt  word substr 0 1  toUpperCase     word substr 1 word length   x000D       join       x000D     x000D   x000D  let result   titleCase  test test test    x000D  console log result   x000D   x000D   x000D   Explanation  1  First  we pass the string  test test test  to our function  titleCase   2  We split a string on the space basis so the result of first function  split  will be   test   test   test   3  As we got an array  we used map function for manipulation each word in the array  We capitalize the first character and add remaining character to it  4  In the last  we join the array using space as we split the string by sapce

User · Answer

In ECMAScript  6  a one-line answer using the arrow function  const captialize   words   gt  words split      map  w   gt   w substring 0 1  toUpperCase    w substring 1   join

User · Answer

Please check the code below   function titleCase str      var splitStr   str toLowerCase   split         var nstr          for  var i   0  i  lt  splitStr length  i          nstr      splitStr i  charAt 0  toUpperCase    splitStr i  slice 1                     console log nstr      var strng    this is a new demo for checking the string   titleCase strng

User · Answer

Here I have used three functions toLowerCase    toUpperCase   and replace regex replacer   function titleCase str          return str toLowerCase   replace     w   s  w  g   grp    gt  grp toUpperCase          titleCase  I m a little tea pot

User · Answer

If you can use a third-party library then Lodash has a helper function for you  https   lodash com docs 4 17 3 startCase  x000D   x000D    startCase  foo bar         gt   Foo Bar     startCase  --foo-bar--         gt   Foo Bar     startCase  fooBar         gt   Foo Bar     startCase    FOO BAR           gt   FOO BAR  x000D   lt script src  https   cdn jsdelivr net lodash 4 17 3 lodash min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

This is a simple method to convert and is able to pass a value to get the desired output  String prototype toChangeCase   function  type        switch  type            case  upper-first               return this charAt 0  toUpperCase     this substr 1  toLowerCase            case  upper-each               return this split      map word   gt                    return word charAt 0  toUpperCase     word substr 1  toLowerCase                   join               default              throw Error  In order to get the output pass a value  upper-first    upper-each              Outputs  quot capitalize first Letter of Each word in a Sstring quot  toChangeCase  upper-first    quot Capitalize first letter of each word in a sstring quot     quot capitalize first Letter of Each word in a Sstring quot  toChangeCase  upper-each    quot Capitalize First Letter Of Each Word In A Sstring quot    quot Capitalize First Letter Of Each Word In A String quot  toChangeCase   VM380 12 Uncaught Error  In order to get the output pass a value  upper-first    upper-each      at String toChangeCase   lt anonymous gt  12 19      at  lt anonymous gt  16 52

User · Answer

Here s how you could do it with the map function basically  it does the same as the accepted answer but without the for-loop  Hence  saves you few lines of code    x000D   x000D  function titleCase text    x000D    if   text  return text  x000D    if  typeof text      string   throw  invalid argument   x000D   x000D    return text toLowerCase   split      map value   gt    x000D      return value charAt 0  toUpperCase     value substring 1   x000D       join       x000D    x000D   x000D  console log titleCase  I m A little tea pot     x000D   x000D   x000D

User · Answer

A complete and simple solution goes here  String prototype replaceAt function index  replacement            return this substr 0  index    replacement  this substr index     replacement length     var str    k j g           u              i l  p   function capitalizeAndRemoveMoreThanOneSpaceInAString         for let i    0  i  lt  str length-1  i              if str i           amp  amp  str i 1                      str   str replaceAt i 1  str i 1  toUpperCase               return str replaceAt 0  str 0  toUpperCase    replace   s  g          console log capitalizeAndRemoveMoreThanOneSpaceInAString str

User · Answer

Raw code  function capi str        var s2   str trim   toLowerCase   split           var s3           s2 forEach function elem  i            s3 push elem charAt 0  toUpperCase   concat elem substring 1                 return s3 join         capi  JavaScript string exasd

User · Answer

ECMAScript 6 version   x000D   x000D  const toTitleCase    phrase    gt      return phrase      toLowerCase        split           map word   gt  word charAt 0  toUpperCase     word slice 1        join           let result   toTitleCase  maRy hAd a lIttLe LaMb    console log result   x000D   x000D   x000D

User · Answer

x000D   x000D  function titleCase str    x000D      First of all  lets make all the characters lower case x000D    let lowerCaseString       x000D    for  let i   0  i  lt  str length  i      x000D      lowerCaseString   lowerCaseString   str i  toLowerCase    x000D      x000D      Now lets make the first character in the string and the character after the empty character upper case and leave therest as it is x000D    let i   0  x000D    let upperCaseString       x000D    while  i  lt  lowerCaseString length    x000D      if  i    0    x000D        upperCaseString   upperCaseString   lowerCaseString i  toUpperCase    x000D        else if  lowerCaseString i - 1            x000D        upperCaseString   upperCaseString   lowerCaseString i  toUpperCase    x000D        else   x000D        upperCaseString   upperCaseString   lowerCaseString i   x000D        x000D      i   i   1  x000D      x000D    console log upperCaseString   x000D   x000D    return upperCaseString  x000D    x000D   x000D  titleCase  hello woRLD    x000D   x000D   x000D

User · Answer

-   You could simply use a regular expression function to change the capitalization of each letter  With V8 JIST optimizations  this should prove to be the fast and memory efficient      Only works on Latin-I strings  tHe VeRy LOOong StRINg  replace   b a-z       a-z   B A-Z  g  function x  return x 0         x 0        x String fromCharCode x charCodeAt 0  32      Or  as a function      Only works for Latin-I strings var fromCharCode   String fromCharCode  var firstLetterOfWordRegExp     b a-z       a-z   B A-Z  g  function toLatin1UpperCase x      avoid frequent anonymous inline functions     var charCode   x charCodeAt 0       return charCode   39   x   fromCharCode charCode 32     function titleCase string       return string replace firstLetterOfWordRegExp  toLatin1UpperCase       According to this benchmark  the code is over 33  faster than the next best solution in Chrome        x000D   x000D   lt textarea id  input  type  text  gt I m a little tea pot lt  textarea gt  lt br   gt  lt br   gt  x000D   lt textarea id  output  type  text  readonly    gt  lt  textarea gt  x000D   lt script gt  x000D   function    x000D       use strict  x000D      var fromCode   String fromCharCode  x000D      function upper x  return x 0        x fromCode x charCodeAt 0    32   x000D       input oninput   function    x000D        output value   input value replace   b a-z       a-z   B A-Z  g  upper   x000D            x000D        x000D   lt  script gt  x000D   x000D   x000D

User · Answer

You are making complex a very easy thing  You can add this in your CSS   capitalize       text-transform  capitalize     In JavaScript  you can add the class to an element  document getElementById  quot element quot   className    quot capitalize quot

User · Answer

This routine will handle hyphenated words and words with apostrophe  function titleCase txt        var firstLtr   0      for  var i   0 i  lt  text length i              if  i    0  amp  amp   a-zA-Z   test text charAt i                firstLtr   2          if  firstLtr    0  amp  amp   a-zA-Z   test text charAt i                firstLtr   2          if  firstLtr    1  amp  amp    a-zA-Z   test text charAt i                 if  text charAt i      quot   quot                     if  i   2    text length  amp  amp   a-zA-Z   test text charAt i   1                        firstLtr   3                  else if  i   2  lt  text length  amp  amp    a-zA-Z   test text charAt i   2                        firstLtr   3                        if  firstLtr    3              firstLtr   1          else             firstLtr   0                    if  firstLtr    2                firstLtr   1              text   text substr 0  i    text charAt i  toUpperCase     text substr i   1                     else               text   text substr 0  i    text charAt i  toLowerCase     text substr i   1                      titleCase  quot pAt o Neil s quot       returns  quot Pat O Neil s quot

User · Answer

The function below does not change any other part of the string than trying to convert all the first letters of all words  i e  by the regex definition  w   to uppercase   That means it does not necessarily convert words to Titlecase  but does exactly what the title of the question says   Capitalize First Letter Of Each Word In A String - JavaScript    Don t split the string determine each word by the regex  w  that is equivalent to  A-Za-z0-9      apply function String prototype toUpperCase   only to the first character of each word     function first char to uppercase argument      return argument replace   w  g  function word        return word charAt 0  toUpperCase     word slice 1             Examples   first char to uppercase  I m a little tea pot        I M A Little Tea Pot     This may look wrong to you  but was the intended result for me    You may wanna extend the regex to get the result you desire  e g      w      first char to uppercase  maRy hAd a lIttLe LaMb        MaRy HAd A LIttLe LaMb     Again  it does not convert words to Titlecase  first char to uppercase     ExampleX  CamelCase UPPERCASE amp lowercase exampleY N0 apples         ExampleX  CamelCase UPPERCASE amp Lowercase ExampleY N0 Apples   first char to uppercase     n1 orangesFromSPAIN amp  amp n2   a sub-string inside            N1 OrangesFromSPAIN amp  amp N2   A Sub-String Inside    first char to uppercase  snake case example  Train-case-example           Snake case example  Train-Case-Example        Note that underscore   is part of the RegEx  w   first char to uppercase     Capitalize First Letter of each word in a String - JavaScript         Capitalize First Letter Of Each Word In A String - JavaScript    Edit 2019-02-07  If you want actual Titlecase  i e  only the first letter uppercase all others lowercase    function titlecase all words argument      return argument replace   w  g  function word        return word charAt 0  toUpperCase     word slice 1  toLowerCase              Examples showing both   test phrases        I m a little tea pot      maRy hAd a lIttLe LaMb      ExampleX  CamelCase UPPERCASE amp lowercase exampleY N0 apples         n1 orangesFromSPAIN amp  amp n2   a sub-string inside       snake case example  Train-case-example         Capitalize First Letter of each word in a String - JavaScript     for  el in test phrases      let phrase   test phrases el     console log      phrase        lt - input phrase n       first char to uppercase phrase         lt - first char to uppercase n       titlecase all words phrase         lt - titlecase all words n              I m a little tea pot  lt - input phrase    I M A Little Tea Pot  lt - first char to uppercase    I M A Little Tea Pot  lt - titlecase all words     maRy hAd a lIttLe LaMb  lt - input phrase    MaRy HAd A LIttLe LaMb  lt - first char to uppercase    Mary Had A Little Lamb  lt - titlecase all words     ExampleX  CamelCase UPPERCASE amp lowercase exampleY N0 apples  lt - input phrase    ExampleX  CamelCase UPPERCASE amp Lowercase ExampleY N0 Apples  lt - first char to uppercase    Examplex  Camelcase Uppercase amp Lowercase Exampley N0 Apples  lt - titlecase all words        n1 orangesFromSPAIN amp  amp n2   a sub-string inside   lt - input phrase       N1 OrangesFromSPAIN amp  amp N2   A Sub-String Inside   lt - first char to uppercase       N1 Orangesfromspain amp  amp N2   A Sub-String Inside   lt - titlecase all words     snake case example  Train-case-example     lt - input phrase    Snake case example  Train-Case-Example     lt - first char to uppercase    Snake case example  Train-Case-Example     lt - titlecase all words     Capitalize First Letter of each word in a String - JavaScript  lt - input phrase    Capitalize First Letter Of Each Word In A String - JavaScript  lt - first char to uppercase    Capitalize First Letter Of Each Word In A String - Javascript  lt - titlecase all words

User · Answer

Shortest One Liner  also extremely fast    text replace     w  s w  g  m   gt  m toUpperCase      Explanation     w   first character of the string     or  s w   first character after whitespace    w  s w  Capture the pattern  g Flag  Match all occurrences    If you want to make sure the rest is in lowercase  text replace     w  s w   S   g     m1 m2    gt  m1 toUpperCase   m2 toLowerCase

User · Answer

function titleCase str         var myString   str toLowerCase   split           for  var i   0  i  lt  myString length  i              var subString   myString i  split              for  var j   0  j  lt  subString length  j                  subString 0    subString 0  toUpperCase                      myString i    subString join                 return myString join

User · Answer

A more compact  and modern  rewrite of  somethingthere s proposed solution   x000D   x000D  let titleCase    str   gt  str toLowerCase   split      map                  c   gt  c charAt 0  toUpperCase     c substring 1   join             document write titleCase  I m an even smaller tea pot     x000D   x000D   x000D

User · Answer

I usually prefer not to use regexp because of readability and also I try to stay away from loops  I think this is kind of readable   function capitalizeFirstLetter string        return string  amp  amp  string charAt 0  toUpperCase     string substring 1

User · Answer

function LetterCapitalize str       return str split      map item  gt item substring 0 1  toUpperCase   item substring 1   join

User · Answer

I used replace   with a regular expression  function titleCase str       var newStr   str toLowerCase   replace       x    gt  x toUpperCase    replace       b w g   y    gt  y toUpperCase        console log newStr      titleCase  quot I m a little tea pot quot

User · Answer

I think this way should be faster  cause it doesn t split string and join it again  just using regex   var str   text replace     w 1     s 1  w 1   g  match   gt  match toUpperCase       Explanation        w 1    match first char of string    or    s 1  w 1    match one char that came after one space g  match all match    match toUpperCase    replace with can take function  so  replace match with upper case match

User · Answer

let str    quot I m a little tea pot quot    str   str toLowerCase     and add css property text-transform  capitalize  to the respective element

User · Answer

You can use modern JS syntax which can make your life much easier  Here is my code snippet for the given problem   x000D   x000D  const capitalizeString   string   gt  string split      map item   gt  item replace item charAt 0   item charAt 0  toUpperCase     join       capitalizeString  Hi  i am aditya shrivastwa   x000D   x000D   x000D

User · Answer

1  Transform your string into lower case    2  Split your string into an array  Notice the white space I m using for the separator    3  Iterate the new array  and assign the current iteration value  array c   a new formatted string        - With the sentence  array c  0  toUpperCase   the first letter of the string converts to upper case        - With the sentence  array c  substring 1  we get the rest of the string  from the second letter index to the last one         - The  quot add quot      character is for concatenate both strings     4  return array join         Returns the formatted array like a new string       function titleCase str       str   str toLowerCase        var array   str split           for var c   0  c  lt  array length  c             array c    array c  0  toUpperCase     array c  substring 1             return array join          titleCase  quot I m a little tea pot quot

User · Answer

ECMAScript 6 version  title      split    g  map word   gt             word substring 0 1  toUpperCase     word substring 1          join  quot   quot

User · Answer

ES6 syntax  const captilizeAllWords    sentence    gt      if  typeof sentence      string   return sentence    return sentence split           map word   gt  word charAt 0  toUpperCase     word slice 1        join           captilizeAllWords  Something is going on here

User · Answer

text-transform  capitalize   CSS has got it

User · Answer

Or it can be done using replace    and replace each word s first letter with its  quot upperCase quot   function titleCase str        return str toLowerCase   split      map function word                   return word replace word 0   word 0  toUpperCase                   join          titleCase  quot I m a little tea pot quot

User · Answer

x000D   x000D  let cap    str    gt    x000D    let arr   str split       x000D    arr forEach function item  index    x000D      arr index    item replace item 0   item 0  toUpperCase     x000D        x000D   x000D    return arr join       x000D     x000D   x000D  console log cap  I m a little tea pot     x000D   x000D   x000D    Fast Readable Version see benchmark http   jsben ch k3JVz

User · Answer

Here I used the replace   function  function titleCase str       return str replace   w S  g  function txt  return txt charAt 0  toUpperCase     txt substr 1  toLowerCase

[javascript] How can I capitalize the first letter of each word in a string using JavaScript?

Examples related to javascript

Examples related to string

Examples related to title-case