Lodashタイトルケース（すべての単語の最初の文字を大文字）

私はlodashドキュメントと他のスタックオーバーフローの質問を調べています。このタスクを実行するためのネイティブJavaScriptの方法はいくつかありますが、純粋に 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の回答ほど簡潔ではありませんが、それでも説明的でlodash-fullです...

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を参照してください