JavaScript

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

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

JavaScriptの学習におすすめ参考書
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

参考書が苦手な人はUdemyの動画がおすすめ
ガチで学びたい人のためのWEB開発徹底実践(フロントエンド編)

動画情報
作成者CodeMafia
学習時間19.5時間
受講者数28,547人
レビュー (5,025件)
動画の詳細はこちら

大文字から小文字に変換

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

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

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

サンプルコード

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

小文字から大文字に変換

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

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

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

サンプルコード

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

まとめ

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

ポイント

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

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