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

JavaScriptのvarに保存されるデータと、値を変更する方法を解説

JavaScriptのvarに保存されるデータと、値の変更方法

JavaScriptは動的型付け（ダイナミックタイピング）を採用している言語です。そのため、変数そのものにはデータ型が存在せず、代入された値がそれぞれの型（文字列・数値・真偽値など）を持ちます。同じvar変数に対して、後から別の型の値を自由に代入し直すこともできます。

押さえておきたいポイント

  • varで宣言した変数は、特定のデータ型に固定されない
  • その時点で代入されている値によって型が決まる
  • typeof演算子を使うと、現在の値の型を確認できる

サンプルコード

次の例では、1つの変数aに対して真偽値・数値・文字列を順番に代入し、typeof演算子で型がどのように変化するかを確認します。

<!DOCTYPE html>
<html>
  <body>
    <script>
      var a;
      document.write(typeof a + "\r\n");
      a = true;
      document.write(typeof a + "\r\n");
      a = 5;
      document.write(typeof a + "\r\n");
      a = "web";
      document.write(typeof a + "\r\n");
    </script>
  </body>
</html>

実行結果

undefined
boolean
number
string

宣言直後でまだ値を代入していない状態ではundefined、trueを代入すればboolean、数値の5ならnumber、最後に文字列"web"を代入するとstringと表示されます。このように、JavaScriptのvar変数は代入する値に応じて柔軟に型が切り替わるのが大きな特徴です。なお、現代のJavaScriptではletやconstの利用が推奨されていますが、動的型付けの仕組み自体はvarと同様です。

  1. JavaScriptで正と負の無限大（Infinity）の値を出力する方法

    JavaScriptで扱える数値には上限があり、その範囲を超えた演算結果は特別な値「Infinity」（正の無限大）または「-Infinity」（負の無限大）として出力されます。この記事では、実際に正と負の無限大の値を画面に出力するサンプルコードを紹介します。 JavaScriptにおける無限大（Infinity）とは JavaScriptの数値型はIEEE 754で定められた倍精度浮動小数点数で、表現できる最大値は Number.MAX_VALUE（約1.79×10308）です。演算結果がこの最大値を超えると、エラーにはならずグローバルプロパティの Infinity が返されます。 正の方

  2. JavaScriptでページ内のすべてのDOM要素をループ処理してコンソールに出力する方法

    Webページ上のすべてのDOM要素を取得してループ処理したい場合、document.getElementsByTagName(*) を使うのが最もシンプルな方法です。ワイルドカード「*」を指定することで、ページ内のすべてのタグ要素を一括で取得できます。あとは取得したHTMLCollectionの長さ（length）分だけfor文で繰り返し処理を行い、各要素を console.log() で出力すればOKです。基本的なコードvar tags = document.getElementsByTagName(*); for (var i = 0, max = tags.length; i < max