文字列を大文字にする

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

方法:

JavaScriptには、文字列を直接大文字化する組み込みの方法はありませんが、基本的な文字列操作方法を使用して簡単に実装できます。

標準的なJavaScriptを使用

function capitalize(str) {
  if (!str) return '';
  return str.charAt(0).toUpperCase() + str.slice(1);
}

console.log(capitalize('hello world')); // 出力: "Hello world"

ES6バージョン

ES6のテンプレートリテラルを使用すると、より簡潔な方法で関数を書くことができます:

const capitalize = (str) => !str ? '' : `${str[0].toUpperCase()}${str.slice(1)}`;

console.log(capitalize('hello ES6')); // 出力: "Hello ES6"

Lodashを使用

Lodashは、JavaScriptの値、文字列を含む、を操作・作業するための広範な関数を提供する人気のサードパーティのユーティリティライブラリです。Lodashを使用して文字列を大文字化するには:

// まだの方は、まずlodashをインストールしてください: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH example')); // 出力: "Lodash example"

Lodashは最初の文字を大文字にするだけでなく、文字列の残りを小文字に変換することに注意してください。これはプレーンなJavaScriptの実装とは少し異なります。

CSSを使用(表示目的のみ)

目的がUIでテキストを大文字化することであれば、CSSを使用できます:

.capitalize {
  text-transform: capitalize;
}
<div class="capitalize">hello css</div> <!-- "Hello css"として表示されます -->

注: この方法は、JavaScript自体の文字列を変更するのではなく、ウェブページ上でテキストがどのように見えるかを変更します。