TypeScript:
文字列を大文字にする

方法:

TypeScriptはJavaScriptのスーパーセットであるため、純粋なJavaScriptのアプローチから、より複雑または特定のユースケースのためにサードパーティのライブラリを利用する方法まで、文字列を大文字化するさまざまな方法を提供します。

純粋なJavaScriptアプローチ:

function capitalize(str: string): string {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

// サンプル出力:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'

この方法は直感的で、charAt()メソッドを使用して文字列の最初の文字にアクセスし、toUpperCase()でそれを大文字に変換します。その後、slice(1)メソッドで文字列の残りの部分を取得し、変更せずに残します。

Lodashライブラリを使用する:

Lodashライブラリをすでに使用しているプロジェクトでは、その_.capitalize関数を利用して、より少ないボイラープレートコードで同じ結果を得ることができます。

まず、Lodashをインストールします：

npm install lodash

次に、TypeScriptファイルで使用します：

import * as _ from 'lodash';

// サンプル出力:
console.log(_.capitalize('hello TypeScript!')); // 'Hello typescript!'

注：Lodashの_.capitalizeメソッドは、文字列の残りの部分を小文字に変換するため、常に望ましいわけではありません。

正規表現を使用する:

正規表現を使用すれば、文字列の最初の文字を大文字化する、特に文字列の各単語の最初の文字を大文字化する必要がある場合に、簡潔な方法を提供できます。

function capitalizeWords(str: string): string {
  return str.replace(/\b\w/g, char => char.toUpperCase());
}

// サンプル出力:
console.log(capitalizeWords('hello typescript world!')); // 'Hello Typescript World!'

この方法は、任意の単語境界に続く英数字文字(\b\w)を検索してそれぞれを大文字にするreplace()関数を使用します。タイトルや見出しに特に便利です。