Caso del titolo Lodash (prima lettera maiuscola di ogni parola)

Sto esaminando i documenti di lodash e altre domande su Stack Overflow: sebbene ci siano diversi modi JavaScript nativi per svolgere questa attività , esiste un modo in cui posso convertire una stringa in caso del titolo utilizzando funzioni puramente lodash (o almeno funzioni prototipali esistenti) in modo da non dover utilizzare un'espressione regolare o definire una nuova funzione?

per esempio

This string ShouLD be ALL in title CASe

dovrebbe diventare

This String Should Be All In Title Case

Questo può essere fatto con una piccola modifica di 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))

Per il testo non generato dall'utente, gestisce più casi rispetto alla risposta accettata

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

con la versione lodash 4.

_.upperFirst(_.toLower(str))

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

Ci sono risposte contrastanti a questa domanda. Alcuni ne consigliano l'utilizzo _.upperFirstmentre altri lo consigliano _.startCase.

Conosci la differenza tra loro.

i) _.upperFirsttrasformerà la prima lettera della tua stringa, quindi la stringa potrebbe essere di una singola parola o più parole ma l'unica prima lettera della tua stringa viene trasformata in maiuscolo.

_.upperFirst('jon doe')

produzione:

Jon doe

controlla la documentazione https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasetrasformerà la prima lettera di ogni parola all'interno della tua stringa.

_.startCase('jon doe')

produzione:

Jon Doe

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

Ecco un modo utilizzando SOLO metodi lodash e nessun metodo integrato:

_.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(' ')

Puoi anche suddividere la funzione mappa per creare parole separate

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

A meno che non me lo sia perso, lodash non ha i propri metodi maiuscole / minuscole.

Non così conciso come la risposta di @ 4castle, ma descrittivo e pieno di lodash, comunque ...

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>

Ecco un'altra soluzione per il mio caso d'uso: "spina dorsale del diavolo"

Semplicemente:

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

L'uso di startCase avrebbe rimosso l'apostrofo, quindi ho dovuto aggirare questa limitazione. Le altre soluzioni sembravano piuttosto contorte. Mi piace perché è pulito, facile da capire.

Questo può essere fatto solo con lodash

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

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

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

Il codice seguente funzionerà perfettamente:

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

con lodash 4, puoi usare _.capitalize ()

_.capitalize('JOHN') Restituisce "John"

Vedi https://lodash.com/docs/4.17.5#capitalize per i dettagli