{category}

JavaScript - String

string.toUpperCase()

ストリング・トゥアッパーケース(組み込みオブジェクト

意味 文字列を大文字化


string.toUpperCase()とは?

`string.toUpperCase()`メソッドは、文字列内の文字を大文字に変換します。

string.toUpperCase()の具体的な使い方

文字列を大文字に変換する例

const str = 'Hello, World!';
const upperStr = str.toUpperCase();
console.log(upperStr);

👇出力結果

HELLO, WORLD!

この例では、'Hello, World!'という文字列を大文字に変換します。toUpperCase()メソッドは新しい文字列を返すので、結果を新しい変数に格納しています。

ユーザー入力を大文字に変換する例

<input type="text" id="inputText" placeholder="テキストを入力">
<button onclick="convertToUpperCase()">大文字に変換</button>
<p id="result"></p>

<script>
function convertToUpperCase() {
  const input = document.getElementById('inputText').value;
  const upperInput = input.toUpperCase();
  document.getElementById('result').textContent = upperInput;
}
</script>

この例では、ユーザーが入力したテキストを大文字に変換します。入力フィールドの値を取得し、toUpperCase()メソッドで変換した後、結果を表示します。

string.toUpperCase()に関するよくある質問

Q. 大文字化できない文字は?
A. 数字や特殊文字など、大文字の概念がない文字は変換されません。例えば、'123!@#'は変換後も同じ'123!@#'となります。
Q. 日本語も大文字化できる?
A. 日本語のひらがなやカタカナには大文字の概念がないため、変換されません。例えば、'こんにちは'は変換後も'こんにちは'のままです。
Q. 元の文字列は変更される?
A. いいえ、toUpperCase()メソッドは新しい文字列を返し、元の文字列は変更されません。元の文字列を変更したい場合は、結果を同じ変数に代入する必要があります。

string.toUpperCase()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのstring.toUpperCase()やstring.repeat()、Math.sin()、array.push()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

string.repeat()

文字列の繰り返し

種類: String

Math.sin()

正弦の値を取得

種類: Math

array.push()

要素を追加

種類: Array

カプセル化

データを隠蔽し、安全に管理

種類: カプセル化

else

if文の代替アクション

種類: 条件分岐