Casse du titre Lodash (première lettre majuscule de chaque mot)

Je regarde à travers la documentation de lodash et d'autres questions de Stack Overflow - bien qu'il existe plusieurs façons natives de JavaScript d'accomplir cette tâche , y a-t-il un moyen de convertir une chaîne en cas de titre en utilisant des fonctions purement lodash (ou du moins des fonctions prototypiques existantes) pour ne pas avoir à utiliser une expression régulière ou à définir une nouvelle fonction?

par exemple

This string ShouLD be ALL in title CASe

devrait devenir

This String Should Be All In Title Case

Cela peut être fait avec une petite modification de startCase:

_.startCase(_.toLower(str));

console.log(_.startCase(_.toLower("This string ShouLD be ALL in title CASe")));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>

_.startCase(_.camelCase(str))

Pour le texte non généré par l'utilisateur, cela gère plus de cas que la réponse acceptée

> startCase(camelCase('myString'))
'My String'
> startCase(camelCase('my_string'))
'My String'
> startCase(camelCase('MY_STRING'))
'My String'
> startCase(camelCase('my string'))
'My String'
> startCase(camelCase('My string'))
'My String'

avec la version lodash 4.

_.upperFirst(_.toLower(str))

'This string ShouLD be ALL in title CASe'
  .split(' ')
  .map(_.capitalize)
  .join(' ');

Les réponses à cette question sont mitigées. Certains recommandent d'utiliser _.upperFirsttandis que certains recommandent _.startCase.

Connaissez la différence entre eux.

i) _.upperFirsttransformera la première lettre de votre chaîne, alors la chaîne peut être composée d'un seul mot ou de plusieurs mots mais la seule première lettre de votre chaîne est transformée en majuscule.

_.upperFirst('jon doe')

production:

Jon doe

consultez la documentation https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasetransformera la première lettre de chaque mot à l'intérieur de votre chaîne.

_.startCase('jon doe')

production:

Jon Doe

https://lodash.com/docs/4.17.10#startCase

Voici un moyen d'utiliser UNIQUEMENT les méthodes lodash et aucune méthode intégrée:

_.reduce(_.map(_.split("Hello everyOne IN the WOrld", " "), _.capitalize), (a, b) => a + " " + b)

const titleCase = str =>
  str
    .split(' ')
    .map(str => {
      const word = str.toLowerCase()
      return word.charAt(0).toUpperCase() + word.slice(1)
    })
    .join(' ')

Vous pouvez également diviser la fonction de carte pour faire des mots séparés

 var s = 'This string ShouLD be ALL in title CASe';
 _.map(s.split(' '), (w) => _.capitalize(w.toLowerCase())).join(' ')

Sauf si je l'ai manqué, lodash n'a pas ses propres méthodes minuscules / majuscules.

Pas aussi concise que la réponse de @ 4castle, mais descriptive et pleine de lodash, néanmoins ...

var basicTitleCase = _
    .chain('This string ShouLD be ALL in title CASe')
    .toLower()
    .words()
    .map(_.capitalize)
    .join(' ')
    .value()

console.log('Result:', basicTitleCase)
console.log('Exact Match:' , basicTitleCase === 'This String Should Be All In Title Case')

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>

Voici une autre solution pour mon cas d'utilisation: "l'épine dorsale du diable"

Simplement:

function titleCase (str) {
  return _.map(str.split(' '), _.upperFirst).join(' ');
}

L'utilisation de startCase supprimerait l'apostrophe, j'ai donc dû contourner cette limitation. Les autres solutions semblaient assez alambiquées. J'aime ça car c'est propre, facile à comprendre.

Cela peut être fait avec seulement du lodash

properCase = string =>
        words(string)
            .map(capitalize)
            .join(' ');

const proper = properCase('make this sentence propercase');

console.log(proper);
//would return 'Make This Sentence Propercase'

Le code ci-dessous fonctionnera parfaitement:

var str = "TITLECASE";
_.startCase(str.toLowerCase());

avec lodash 4, vous pouvez utiliser _.capitalize ()

_.capitalize('JOHN') Il renvoie 'John'

Voir https://lodash.com/docs/4.17.5#capitalize pour plus de détails