Kapitalisasi judul Lodash (huruf besar pertama dari setiap kata)

Saya melihat-lihat dokumen lodash dan pertanyaan Stack Overflow lainnya - sementara ada beberapa cara JavaScript asli untuk menyelesaikan tugas ini , adakah cara saya dapat mengonversi string menjadi kasus judul menggunakan fungsi lodash murni (atau setidaknya fungsi prototipe yang ada) sehingga saya tidak perlu menggunakan ekspresi reguler atau mendefinisikan fungsi baru?

misalnya

This string ShouLD be ALL in title CASe

harus menjadi

This String Should Be All In Title Case

Ini dapat dilakukan dengan sedikit modifikasi 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))

Untuk teks yang tidak dibuat oleh pengguna, ini menangani lebih banyak kasus daripada jawaban yang diterima

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

dengan lodash versi 4.

_.upperFirst(_.toLower(str))

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

Ada beragam jawaban untuk pertanyaan ini. Beberapa merekomendasikan penggunaan _.upperFirstsementara beberapa merekomendasikan _.startCase.

Ketahui perbedaan di antara mereka.

i) _.upperFirstakan mengubah huruf pertama dari string Anda, kemudian string mungkin dari satu kata atau beberapa kata tetapi satu-satunya huruf pertama dari string Anda diubah menjadi huruf besar.

_.upperFirst('jon doe')

keluaran:

Jon doe

periksa dokumentasi https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCaseakan mengubah huruf pertama dari setiap kata di dalam string Anda.

_.startCase('jon doe')

keluaran:

Jon Doe

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

Berikut adalah cara menggunakan HANYA metode lodash dan tanpa metode bawaan:

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

Anda juga dapat membagi fungsi peta untuk membuat kata-kata terpisah

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

Kecuali saya melewatkannya, lodash tidak memiliki metode huruf kecil / besar sendiri.

Tidak sesingkat jawaban @ 4castle, tetapi deskriptif dan lengkap, namun ...

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>

Berikut solusi lain untuk kasus penggunaan saya: "tulang punggung setan"

Secara sederhana:

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

Menggunakan startCase akan menghapus apostrof, jadi saya harus mengatasi batasan itu. Solusi lain sepertinya cukup berbelit-belit. Saya suka ini karena bersih, mudah dimengerti.

Ini bisa dilakukan hanya dengan lodash

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

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

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

Kode di bawah ini akan bekerja dengan sempurna:

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

dengan lodash 4, Anda dapat menggunakan _.capitalize ()

_.capitalize('JOHN') Ini mengembalikan 'John'

Lihat https://lodash.com/docs/4.17.5#capitalize untuk detailnya