Caso del título de Lodash (primera letra mayúscula de cada palabra)

Estoy revisando los documentos de lodash y otras preguntas de Stack Overflow; si bien hay varias formas nativas de JavaScript para realizar esta tarea , ¿hay alguna manera de convertir una cadena en un título usando funciones puramente lodash (o al menos funciones prototípicas existentes) para no tener que usar una expresión regular o definir una nueva función?

p.ej

This string ShouLD be ALL in title CASe

debe convertirse

This String Should Be All In Title Case

Esto se puede hacer con una pequeña modificación 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 no generado por el usuario, esto maneja más casos que la respuesta aceptada

> 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 lodash versión 4.

_.upperFirst(_.toLower(str))

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

Hay respuestas mixtas a esta pregunta. Algunos recomiendan su uso _.upperFirstmientras que otros recomiendan _.startCase.

Conoce la diferencia entre ellos.

i) _.upperFirsttransformará la primera letra de su cadena, luego la cadena puede ser de una sola palabra o varias palabras, pero la única primera letra de su cadena se transforma a mayúsculas.

_.upperFirst('jon doe')

salida:

Jon doe

consulte la documentación https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasetransformará la primera letra de cada palabra dentro de su cadena.

_.startCase('jon doe')

salida:

Jon Doe

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

Aquí hay una forma de usar ÚNICAMENTE métodos lodash y no métodos incorporados:

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

También puede dividir la función de mapa para hacer palabras separadas

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

A menos que me lo perdiera, lodash no tiene sus propios métodos de minúsculas / mayúsculas.

No tan conciso como la respuesta de @ 4castle, pero descriptiva y lodash-full, sin embargo ...

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>

Aquí hay otra solución para mi caso de uso: "columna vertebral del diablo"

Simplemente:

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

El uso de startCase eliminaría el apóstrofo, así que tuve que solucionar esa limitación. Las otras soluciones parecían bastante complicadas. Me gusta esto porque es limpio y fácil de entender.

Esto se puede hacer 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'

El siguiente código funcionará perfectamente:

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

con lodash 4, puede usar _.capitalize ()

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

Consulte https://lodash.com/docs/4.17.5#capitalize para obtener más detalles