- JavaScriptで大文字と小文字を変換する方法
- JavaScriptで大文字と小文字を変換する際の注意点
「JavaScriptで大文字と小文字を変換する方法が知りたい」
「JavaScriptでよく使う文字列操作を学びたい」
そんな方向けに、JavaScriptのサンプルコード付きで解説します。
目次
JavaScriptで大文字と小文字を変換する方法
JavaScriptで大文字・小文字に変換するには、StringオブジェクトのインスタンスメソッドであるtoUpperCaseメソッドとtoLowerCaseメソッドを使います。
ポイント
- toUpperCaseは小文字を大文字に変換するために使用
- toLowerCaseは大文字を小文字に変換するために使用
toUpperCaseやtoLowerCaseはパラメータを指定する必要がなく、使いやすいメソッドです。
ひらがなやカタカナには使用できず、アルファベットの場合は半角・全角を問わず使えます。
これらのメソッドを使用することで、文字列全体を大文字または小文字に変換することが可能です。
大文字から小文字に変換する(toLowerCase)
toLowerCaseメソッドを使って文字列を小文字に変換する方法について説明します。
変換したい文字列にtoLowerCaseメソッドを適用すると、小文字に変換することができます。
以下がサンプルコードの例です。
var str = "PROGRAMMING";
str = str.toLowerCase();
console.log(str);
実行結果は以下の通り。
programmingtoLowerCaseを使用すると、このように文字列を小文字に変換することができます。
小文字から大文字に変換する(toUpperCase)
toUpperCaseメソッドを使って文字列を大文字に変換する方法について説明します。
変換したい文字列にtoUpperCaseメソッドを適用すると、大文字に変換することができます。
以下がサンプルコードの例です。
var str = "Programming";
str = str.toUpperCase();
console.log(str);
実行結果は以下の通り。
PROGRAMMINGtoUpperCaseを使用すると、このように文字列を大文字に変換することができます。
JavaScriptで大文字と小文字を変換する際の注意点
JavaScriptで大文字と小文字を変換する際の注意点は2つあります。
注意点
- 変換元の文字列は変換されない
- 文字列以外はエラーになる
変換元の文字列は変換されない
1つ目の注意点は、変換元の文字列は変換されないということです。
具体例を交えて解説します。
let str = “aaa”;
console.log(str.toUpperCase());上記のコードでは、文字列 "aaa" がstr に代入され、toUpperCaseメソッドが使われています。
JavaScriptでは、文字列そのものを変更することはできません。
toUpperCaseメソッドは、元の文字列strを変更するのではなく、新しい文字列を作成します。
要するに、変数str自体は変更されず、元の文字列"aaa"がそのまま残ります。
文字列以外はエラーになる
2つ目の注意点は、文字列以外はエラーになるということです。
let str = null;
let str = undefined;
let str = 1;上記のように、文字列以外の値をtoUpperCaseメソッドで変換しようとするとエラーが発生します。
例えば、文字列ではないnullやundefined、数値1に対してtoUpperCaseメソッドを使うとTypeErrorというエラーが発生します。
toUpperCaseメソッドは文字列以外の値に対しては適用できず、文字列以外を変換しようとするとエラーになります。
JavaScriptでは、文字列以外の値を扱う際には注意することが重要です。
メソッドを適用する前に、値が文字列であるかどうかを確認するようにしましょう。
まとめ
今回は、『JavaScriptで大文字と小文字を変換する方法【初心者向けに解説】』というテーマで話していきました。
JavaScriptの文字列操作は実務でも高頻度で使用します。
「JavaScriptで大文字と小文字を変換する方法が知りたい」
「JavaScriptでよく使う文字列操作を学びたい」
そんなプログラミング初心者の方にとって、基礎学習の参考になっていたら幸いです。
本記事は以上となります。
