Convertir string a caso de título en JavaScript

Convertimos una string a mayúsculas y minúsculas de tal manera que cada palabra nueva comience con una letra mayúscula (mayúscula). Esto se puede lograr siguiendo las siguientes formas : 1) Mediante el uso de la función replace() 

javascript

<script>
function sentenceCase (str) {
  if ((str===null) || (str===''))
       return false;
  else
   str = str.toString();
 
 return str.replace(/\w\S*/g,
function(txt){return txt.charAt(0).toUpperCase() +
       txt.substr(1).toLowerCase();});
}
 
document.write(sentenceCase('geeks for geeks'));
</script>

PRODUCCIÓN

Geeks For Geeks

2) Usando For loop para titular una string 

javascript

<script>
function titleCase(str) {
  str = str.toLowerCase().split(' ');
  for (var i = 0; i < str.length; i++) {
    str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
  }
  return str.join(' ');
}
document.write(titleCase("GEEKS FOR GEEKS"));
</script>

PRODUCCIÓN

Geeks For Geeks

3) Usando el método map() 

javascript

<script>
function titleCase(str) {
  return str.toLowerCase().split(' ').map(function(word) {
    return (word.charAt(0).toUpperCase() + word.slice(1));
  }).join(' ');
}
document.write(titleCase("converting string to titlecase"));
</script>

PRODUCCIÓN

Conversión de string a mayúsculas y minúsculas

4) Usando el método de reducción

Javascript

<script>
 
function titleCase(st) {
  return st.split(" ").reduce( (s, c) => s +""+(c.charAt(0).toUpperCase() + c.slice(1) +" "), '');
}
console.log(titleCase("converting string to titlecase"));
 
</script>

Producción:

Converting String To Titlecase

Publicación traducida automáticamente

Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *