JavaScript で文字列の最初の文字を大文字にする方法

文字列の最初の文字を大文字にするとは、最初の文字を大文字にし、残りの文字を元の大文字のままにすることを意味します。これは、固有名詞、タイトル、見出し、および読みやすさを向上させるためによく使用されます。

このチュートリアルでは、JavaScript で文字列の最初の文字を大文字にする方法を学びます。最新の JavaScript で文字列の最初の文字を大文字にするには、toLocalUpperCase() メソッドを使用します。

const capitalizeFirstLetter = ([ first, ...rest ], locale = navigator.language) =>
  first === undefined ? '' : first.toLocaleUpperCase(locale) + rest.join('')

console.log(capitalizeFirstLetter('this is a test')); // This is a test

古いブラウザでは、単純に文字列の最初の文字を取得して、toUpperCase() を呼び出すことができます。この最初の大文字は、文字列の残りの文字と連結されます。

function capitalizeFirstLetter(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

JavaScript で文字列の最初の文字を大文字にするには、文字列の分割を行う toLocalUpperCase() メソッドを使用します。構造の分割を使用して、オブジェクトからプロパティを削除することもできます。