Справа заголовка Лодаша (велика перша літера кожного слова)

Я переглядаю документи lodash та інші питання Stack Overflow - хоча існує кілька власних способів виконання цього завдання , чи є спосіб перетворити рядок у титульний регістр за допомогою суто функцій lodash (або принаймні існуючих прототипних функцій) так що мені не доведеться використовувати регулярний вираз або визначати нову функцію?

напр

This string ShouLD be ALL in title CASe

повинні стати

This String Should Be All In Title Case

Це можна зробити за допомогою невеликої модифікації 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))

Для тексту, що не створюється користувачем, це обробляє більше випадків, ніж прийнята відповідь

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

з lodash версією 4.

_.upperFirst(_.toLower(str))

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

На це питання є неоднозначні відповіді. Деякі рекомендують використовувати, _.upperFirstа інші рекомендують _.startCase.

Знайте різницю між ними.

i) _.upperFirstперетворить першу букву вашої рядка, тоді рядок може бути одним словом або кількома словами, але єдина перша літера вашої рядка перетворюється на великі регістри.

_.upperFirst('jon doe')

вихід:

Jon doe

перевірте документацію https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCaseперетворить першу букву кожного слова всередині рядка.

_.startCase('jon doe')

вихід:

Jon Doe

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

Ось спосіб, використовуючи ТОЛЬКИ методи lodash, а не вбудовані методи:

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

Ви також можете розділити функцію карти, щоб робити окремі слова

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

Якщо я цього не пропустив, lodash не має власних методів нижнього / верхнього регістру.

Не настільки стислий, як відповідь @ 4castle, але описовий та повний, але все-таки ...

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>

Ось ще одне рішення для мого випадку використання: "чортовий хребет"

Просто:

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

Використання startCase призведе до видалення апострофа, тому мені довелося обійти це обмеження. Інші рішення видалися досить заплутаними. Мені це подобається, як це чисто, легко зрозуміти.

Це можна зробити лише лодашем

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

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

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

Нижче код буде працювати ідеально:

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

з lodash 4, ви можете використовувати _.capitalize ()

_.capitalize('JOHN') Повертається "Джон"

Див https://lodash.com/docs/4.17.5#capitalize подробиці