JavaScriptの核心 変数とデータ型の完全解説

JavaScriptは、Web開発において最も重要な言語の一つです。
このブログ記事では、JavaScriptの基本である変数の宣言からデータ型の理解までを詳しく解説します。
プログラミング初心者から中級者にとって重要な情報が詰まっていますので、
しっかりと理解を深めていきましょう。

変数の基礎

JavaScriptにおいて、変数はデータを格納するための容器です。
変数を使用することで、数値や文字列などのデータを保持し、プログラムの様々な場所で再利用できます。

変数の宣言

JavaScriptで変数を宣言するには、varletconstのいずれかのキーワードを使用します。
それぞれのキーワードには以下のような特徴があります。

  • var: ES6以前からある変数宣言で、関数スコープを持ちます。
    同じ変数名を再宣言してもエラーにならないため、バグの原因になることがあります。
  • let: ES6で導入されたキーワードで、ブロックスコープを持ちます。
    同じスコープ内での再宣言は許されません。
  • const: letと同様にブロックスコープを持ちますが、一度代入した値は変更できません(不変)。
    オブジェクトや配列の内容は変更できますが、新しい値を全体として代入することはできません。

例示

let message = "Hello, JavaScript!";
const PI = 3.14;
var oldStyle = "I am old";

データ型

JavaScriptのデータ型は大きく分けてプリミティブ型とオブジェクト型に分類されます。

プリミティブ型

  • Number: 任意の数値を表します。整数も浮動小数点数もこの型で表されます。
  • String: 文字列を表します。シングルクォート(’)、ダブルクォート(”)、バックティック(`)で囲みます。
  • Boolean: trueまたはfalseの論理値を表します。
  • Undefined: 変数が値を持っていないことを示します。
  • Null: 「何もない」状態を意味する値です。
  • Symbol: ES6で導入された、一意で変更不可能なデータ型です。

オブジェクト型

Object: キーと値のペアを持ちます。オブジェクトリテラルは中括弧{}で囲み、キーと値を:で区切ります。

let person = {
    name: "John",
    age: 30
};

データ型の変換

JavaScriptでは、意図せずに異なる型間での変換が行われることがあります。
これを「型変換」と呼びます。

  • 明示的型変換: プログラマが意図的に行う型変換。
    例えばNumber("123")は文字列の”123″を数値の123に変換します。
  • 暗黙的型変換: エンジンによって自動的に行われる型変換。
    例えば"123" + 4は”1234″という文字列を返します。

まとめ

この記事では、JavaScriptの変数の宣言方法からデータ型、型変換について解説しました。これらの基本をしっかりと理解し、より良いコードを書くための第一歩としてください。プログラミングの世界では、基本が最も重要です。何度も手を動かしながら、これらの概念を自分のものにしていきましょう。