Caixa do título Lodash (primeira letra maiúscula de cada palavra)

Estou examinando os documentos de lodash e outras questões do Stack Overflow - embora existam várias maneiras nativas de JavaScript de realizar essa tarefa , há uma maneira de converter uma string para maiúsculas e minúsculas usando funções puramente lodash (ou pelo menos funções prototípicas existentes) para que eu não precise usar uma expressão regular ou definir uma nova função?

por exemplo

This string ShouLD be ALL in title CASe

Deve se tornar

This String Should Be All In Title Case

Isso pode ser feito com uma pequena modificação 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))

Para texto não gerado pelo usuário, trata mais casos do que a resposta aceita

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

com lodash versão 4.

_.upperFirst(_.toLower(str))

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

Existem respostas mistas para esta pergunta. Alguns estão recomendando o uso, _.upperFirstenquanto outros recomendam _.startCase.

Saiba a diferença entre eles.

i) _.upperFirstirá transformar a primeira letra da sua string, então a string pode ser de uma única palavra ou várias palavras, mas a única primeira letra da sua string é transformada em maiúsculas.

_.upperFirst('jon doe')

resultado:

Jon doe

verifique a documentação https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCaseirá transformar a primeira letra de cada palavra dentro de sua string.

_.startCase('jon doe')

resultado:

Jon Doe

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

Esta é uma maneira de usar APENAS métodos lodash e nenhum método embutido:

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

Você também pode dividir a função do mapa para fazer palavras separadas

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

A menos que eu não tenha percebido, o lodash não tem seus próprios métodos de letras maiúsculas e minúsculas.

Não tão conciso quanto a resposta de @ 4castle, mas descritivo e cheio de lodash, no entanto ...

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>

Aqui está outra solução para meu caso de uso: "espinha dorsal do diabo"

Simplesmente:

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

Usar startCase removeria o apóstrofo, então eu tive que contornar essa limitação. As outras soluções pareciam bastante complicadas. Eu gosto disso porque é limpo, fácil de entender.

Isso pode ser feito apenas com lodash

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

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

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

O código abaixo funcionará perfeitamente:

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

com o lodash 4, você pode usar _.capitalize ()

_.capitalize('JOHN') Retorna 'John'

Consulte https://lodash.com/docs/4.17.5#capitalize para obter detalhes