Lodash-Titel (Großbuchstabe des ersten Buchstabens jedes Wortes)

Ich schaue mir die lodash-Dokumente und andere Fragen zum Stapelüberlauf an. Es gibt zwar mehrere native JavaScript-Methoden, um diese Aufgabe auszuführen , aber es gibt eine Möglichkeit, eine Zeichenfolge mit reinen lodash-Funktionen (oder zumindest vorhandenen prototypischen Funktionen) in eine Groß- und Kleinschreibung umzuwandeln. damit ich keinen regulären Ausdruck verwenden oder eine neue Funktion definieren muss?

z.B

This string ShouLD be ALL in title CASe

soll werden

This String Should Be All In Title Case

Dies kann mit einer kleinen Modifikation von 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))

Bei nicht benutzergeneriertem Text werden mehr Fälle als die akzeptierte Antwort behandelt

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

mit lodash Version 4.

_.upperFirst(_.toLower(str))

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

Es gibt gemischte Antworten auf diese Frage. Einige empfehlen die Verwendung, _.upperFirstandere empfehlen _.startCase.

Kennen Sie den Unterschied zwischen ihnen.

i) _.upperFirsttransformiert den ersten Buchstaben Ihrer Zeichenfolge, dann kann die Zeichenfolge aus einem einzelnen Wort oder mehreren Wörtern bestehen, aber der einzige erste Buchstabe Ihrer Zeichenfolge wird in Großbuchstaben umgewandelt.

_.upperFirst('jon doe')

Ausgabe:

Jon doe

Überprüfen Sie die Dokumentation https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasetransformiert den ersten Buchstaben jedes Wortes in Ihrer Zeichenfolge.

_.startCase('jon doe')

Ausgabe:

Jon Doe

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

Hier ist eine Möglichkeit, NUR lodash-Methoden und keine integrierten Methoden zu verwenden:

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

Sie können die Kartenfunktion auch aufteilen, um separate Wörter zu erstellen

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

Sofern ich es nicht verpasst habe, hat lodash keine eigenen Methoden für Klein- / Großbuchstaben.

Nicht so prägnant wie die Antwort von @ 4castle, aber dennoch beschreibend und voll ...

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>

Hier ist eine weitere Lösung für meinen Anwendungsfall: "Devil's Backbone"

Einfach:

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

Die Verwendung von startCase würde das Apostroph entfernen, daher musste ich diese Einschränkung umgehen. Die anderen Lösungen schienen ziemlich kompliziert zu sein. Ich mag das, weil es sauber und leicht zu verstehen ist.

Dies kann nur mit lodash erfolgen

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

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

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

Der folgende Code funktioniert einwandfrei:

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

mit lodash 4 können Sie _.capitalize () verwenden

_.capitalize('JOHN') Es gibt 'John' zurück

Weitere Informationen finden Sie unter https://lodash.com/docs/4.17.5#capitalize