【Amazon】人気の商品が日替わりで登場!
毎日お得なタイムセール!商品をみる

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

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

JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
総合評価
( 5 )
メリット
  • 誰でも分かるように嚙み砕いて説明してくれる
  • アニメーションの知識が深く学べる
  • 1つのWebサイトを作りながら学べる
先輩くん

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

後輩ちゃん

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

全プログラマー必見!
変数名/関数名にもう悩まない!
リーダブルコード
総合評価
( 5 )
メリット
  • 美しいコードが書けるが自然と書けるようになる
  • 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次

大文字から小文字に変換

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

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

const sample = "SAMPLE";

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

サンプルコード

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

小文字から大文字に変換

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

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

const sample = "sample";

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

サンプルコード

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

まとめ

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

ポイント
  • 大文字を小文字に変換するには、toLowerCaseメソッドを使う
  • 小文字を大文字に変換するには、toUpperCaseメソッドを使う

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村 FC2 Blog Ranking

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次