Lodash başlık durumu (her kelimenin ilk harfi büyük)

Lodash belgelerine ve diğer Stack Overflow sorularına bakıyorum - bu görevi yerine getirmenin birkaç yerel JavaScript yolu varken, tamamen lodash işlevlerini (veya en azından mevcut prototip işlevlerini) kullanarak bir dizeyi başlık durumuna dönüştürebilmemin bir yolu var mı? düzenli bir ifade kullanmam veya yeni bir işlev tanımlamam gerekmesin mi?

Örneğin

This string ShouLD be ALL in title CASe

olmalı

This String Should Be All In Title Case

Bu, küçük bir değişiklik ile yapılabilir 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))

Kullanıcı tarafından oluşturulmamış metin için bu, kabul edilen cevaptan daha fazla durumu ele alır

> 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 versiyonu ile 4.

_.upperFirst(_.toLower(str))

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

Bu soruya karışık cevaplar var. Bazıları tavsiye _.upperFirstederken, bazıları tavsiye ediyor _.startCase.

Aralarındaki farkı bilin.

i) _.upperFirstdizenizin ilk harfini dönüştürecektir, ardından dizge tek bir sözcükten veya birden çok sözcükten oluşabilir, ancak dizenizin tek ilk harfi büyük harfe dönüştürülür.

_.upperFirst('jon doe')

çıktı:

Jon doe

belgeleri kontrol edin https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasedizenizdeki her kelimenin ilk harfini dönüştürecektir.

_.startCase('jon doe')

çıktı:

Jon Doe

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

İşte YALNIZCA lodash yöntemlerini kullanmanın ve yerleşik yöntemler içermeyen bir yol:

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

Ayrı kelimeler yapmak için harita işlevini de bölebilirsiniz

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

Kaçırmadıysam, lodash'ın kendi küçük / büyük harf yöntemleri yok.

@ 4castle'ın cevabı kadar kısa değil, ama tanımlayıcı ve zindelik dolu, yine de ...

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>

İşte benim kullanım durumum için başka bir çözüm: "şeytanın omurgası"

Basitçe:

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

StartCase kullanmak kesme işaretini kaldırır, bu yüzden bu sınırlamayı aşmak zorunda kaldım. Diğer çözümler oldukça karmaşık görünüyordu. Temiz ve anlaşılması kolay olduğu için bunu seviyorum.

Bu sadece lodash ile yapılabilir

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

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

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

Aşağıdaki kod mükemmel şekilde çalışacaktır:

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

lodash 4 ile _.capitalize () kullanabilirsiniz

_.capitalize('JOHN') "John" döndürür

Ayrıntılar için https://lodash.com/docs/4.17.5#capitalize adresine bakın