Wielkie litery tytułu Lodash (pierwsza wielka litera każdego słowa)

Przeglądam dokumentację lodash i inne pytania dotyczące przepełnienia stosu - chociaż istnieje kilka natywnych sposobów wykonywania tego zadania w języku JavaScript , czy istnieje sposób, w jaki mogę przekonwertować ciąg znaków na przypadek tytułu, używając funkcji czysto lodash (lub przynajmniej istniejących funkcji prototypowych) tak, że nie muszę używać wyrażenia regularnego ani definiować nowej funkcji?

na przykład

This string ShouLD be ALL in title CASe

powinno stać się

This String Should Be All In Title Case

Można to zrobić za pomocą niewielkiej modyfikacji 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))

W przypadku tekstu nie wygenerowanego przez użytkownika obsługuje to więcej przypadków niż zaakceptowana odpowiedź

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

z lodash w wersji 4.

_.upperFirst(_.toLower(str))

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

Odpowiedzi na to pytanie są różne. Niektórzy zalecają używanie, _.upperFirsta inni polecają _.startCase.

Poznaj różnicę między nimi.

i) _.upperFirstprzekształci pierwszą literę ciągu, a następnie łańcuch może składać się z jednego słowa lub wielu słów, ale jedyna pierwsza litera ciągu zostanie przekształcona na wielką.

_.upperFirst('jon doe')

wynik:

Jon doe

sprawdź dokumentację https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCaseprzekształci pierwszą literę każdego słowa w twoim ciągu.

_.startCase('jon doe')

wynik:

Jon Doe

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

Oto sposób korzystania TYLKO z metod lodash i bez wbudowanych metod:

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

Możesz również podzielić funkcję mapy, aby tworzyć oddzielne słowa

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

O ile tego nie przegapiłem, lodash nie ma własnych metod małych / dużych liter.

Nie tak zwięzły jak odpowiedź @ 4castle, ale opisowy i pełen lodashu ...

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>

Oto inne rozwiązanie dla mojego przypadku użycia: „kręgosłup diabła”

Po prostu:

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

Użycie startCase spowodowałoby usunięcie apostrofu, więc musiałem obejść to ograniczenie. Inne rozwiązania wydawały się dość zawiłe. Podoba mi się, ponieważ jest czysty, łatwy do zrozumienia.

Można to zrobić tylko z lodash

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

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

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

Poniższy kod będzie działał idealnie:

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

z lodash 4 możesz użyć _.capitalize ()

_.capitalize('JOHN') Zwraca „John”

Szczegółowe informacje można znaleźć pod adresem https://lodash.com/docs/4.17.5#capitalize