Convertir une chaîne en casse-titre avec JavaScript

Question

Existe-t-il un moyen simple de convertir une chaîne de caractères en casse-titre ? Par exemple john smith devient John Smith . Je ne cherche pas quelque chose de compliqué comme La solution de John Resig juste (espérons-le) une sorte de phrase d'une ou deux lignes.

Answer 1

Essayez ça :

function toTitleCase(str) {
  return str.replace(
    /\w\S*/g,
    function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }
  );
}

<form>
  Input:
  <br /><textarea name="input" onchange="form.output.value=toTitleCase(this.value)" onkeyup="form.output.value=toTitleCase(this.value)"></textarea>
  <br />Output:
  <br /><textarea name="output" readonly onclick="select(this)"></textarea>
</form>

Answer 2

Si une solution CSS répond à vos besoins, vous pouvez appliquer l'option text-transform Style CSS à vos contrôles :

text-transform: capitalize;

Sachez simplement que cela va se transformer :
hello world a Hello World
HELLO WORLD a HELLO WORLD (pas de changement)
emily-jane o'brien a Emily-jane O'brien (incorrect)
Maria von Trapp a Maria Von Trapp (incorrect)

Answer 3

Une manière légèrement plus élégante, en adaptant la fonction de Greg Dean :

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

Appelle ça comme ça :

"pascal".toProperCase();

Answer 4

Voici ma version, IMO elle est facile à comprendre et élégante aussi.

const str = "foo bar baz";
const newStr = str.split(' ')
   .map(w => w[0].toUpperCase() + w.substring(1).toLowerCase())
   .join(' ');
console.log(newStr);

Answer 5

Voici ma fonction qui convertit les titres en majuscules mais conserve les acronymes définis en majuscules et les mots mineurs en minuscules :

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 < 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 < j; i++)
    str = str.replace(new RegExp('\\b' + uppers[i] + '\\b', 'g'), 
      uppers[i].toUpperCase());

  return str;
}

Par exemple :

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