JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで大文字と小文字を区別して文字列を比較する方法

JavaScriptで大文字と小文字を区別した文字列比較の基本

JavaScriptはもともと大文字と小文字を区別する（ケースセンシティブな）言語です。そのため、「大文字と小文字を区別した文字列比較」を行いたい場合は、特別なメソッドを使う必要はありません。=== 演算子による単純な文字列比較だけで実現できます。

サンプルコード

<!DOCTYPE html>
<html>
  <body>
    <h3>JavaScript Strings</h3>
    <p id="test"></p>
    <script>
      var str1 = "amit";
      if (str1 === "amit") {
        document.getElementById("test").innerHTML = "correct";
      }
    </script>
  </body>
</html>

コードの解説

この例では、変数 str1 に格納された文字列 "amit" と、リテラル "amit" を === 演算子で厳密に比較しています。両者が完全に一致しているため条件式は true となり、画面には「correct」と表示されます。

一方、比較対象が "Amit" や "AMIT" のように大文字が含まれている場合は、文字ごとのコードが異なるため一致しない（false になる）点に注意してください。これこそが、JavaScriptにおける「大文字と小文字を区別する比較」の動作です。

補足：大文字・小文字を区別せずに比較したい場合

逆に、大文字と小文字の違いを無視して比較したい場合は、toLowerCase() や toUpperCase() メソッドで両方の文字列を揃えてから比較するのが一般的です。

if (str1.toLowerCase() === "AMIT".toLowerCase()) {
  // 大文字・小文字に関係なく一致とみなされる
}

用途に応じて、区別する比較には ===、区別しない比較には文字種を揃える処理を使い分けるとよいでしょう。

  1. JavaScriptオブジェクトの内容を文字列として表示する方法

    JavaScriptでオブジェクトの内容を文字列形式で画面に表示したい場合、document.getElementById()でHTML要素を取得し、innerHTMLを使って書き出すのが基本的な方法です。オブジェクトを文字列に変換するには、JSON.stringify()メソッドを活用します。 実装手順 まず、表示先となるHTML要素にIDを設定します。次に、JavaScript側でそのIDを指定して要素を取得し、変換した文字列をinnerHTMLに代入します。 コード例 <!DOCTYPE html> <html lang="ja"> <h

  2. 【JavaScript】ドキュメント全体のHTMLを文字列として取得する方法を解説

    Webページのソースコード全体を取得して処理したい場面は、デバッグや動的なコンテンツ操作など、JavaScript開発では意外と多くあります。この記事では、ドキュメント全体のHTMLを文字列として取得する方法を、具体的なコード例とともにわかりやすく解説します。 innerHTMLプロパティを使った取得方法 ドキュメント全体のHTMLを文字列として取得するには、document.documentElementのinnerHTMLプロパティを利用します。 document.documentElement.innerHTML; document.documentElementはHTML文書のルート要