【JavaScript】大文字と小文字を変換する方法

本記事では、JavaScriptで大文字と小文字を変換する方法について解説します。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

• 誰でも分かるように嚙み砕いて説明してくれる
• アニメーションの知識が深く学べる
• 1つのWebサイトを作りながら学べる

1冊ですべて身につくJavaScript入門講座 [ Mana ]

楽天ブックス

¥2,794 （2025/07/13 22:58時点 | 楽天市場調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

Amazon Kindle Unlimited

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

• 美しいコードが書けるが自然と書けるようになる
• 他の開発者が理解しやすいコードになる

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

大文字から小文字に変換

まず初めに、大文字から小文字に変換する方法について解説します。

大文字から小文字に変換するには、toLowerCaseメソッドを使います。使い方は以下の通りです。

const sample = "SAMPLE";

console.log(sample.toLowerCase());
// 出力結果：sample

サンプルコード

下記のサンプルコードは、toLowerCaseメソッドを使ってボタンがクリックされた時に表示されている文字列を小文字に変換して再表示させています。

小文字から大文字に変換

続いて、大文字から小文字に変換する方法について解説します。

小文字から大文字に変換するには、toUpperCaseメソッドを使います。使い方は以下の通りです。

const sample = "sample";

console.log(sample.toUpperCase());
// 出力結果：SAMPLE

サンプルコード

下記のサンプルコードは、toUpperCaseメソッドを使ってボタンがクリックされた時に表示されている文字列を大文字に変換して再表示させています。

まとめ

今回はJavaScriptで大文字と小文字を変換する方法についてご紹介しました。最後にポイントを軽くおさらいしましょう。