JavaScript は Web を強化する多用途のプログラミング言語であり、開発者がインタラクティブで動的な Web サイトを作成できるようにします。 JavaScript およびあらゆるプログラミング言語の中核となる概念の 1 つは、データの保存方法と操作方法です。 Web アプリケーションを効果的に構築するには、JavaScript の 変数 と データ型を理解することが不可欠です。

この記事では、変数とは何か、変数を宣言する方法、JavaScript がデータの保存と操作のためにサポートするさまざまなデータ型について説明します。

JavaScript の変数

変数とは何ですか?

変数 は、データを保持するコンテナのようなものです。これにより、プログラム全体で使用できる値を保存および取得できます。変数は、値に付けられたラベルと考えてください。変数に値を割り当てると、毎回値を直接使用するのではなく、その名前で変数を参照できるようになります。

たとえば、「John」を複数回記述する代わりに、次のように変数に割り当てることができます:

let name = "John";
console.log(name);  // Outputs: John

変数の宣言

JavaScript では、var、let、または const キーワードを使用して変数を宣言できます。

1. var

var は、JavaScript で変数を宣言する最も古い方法です。ただし、スコープに関していくつかの問題があるため、最新の JavaScript 開発者は let と const を使用することを好みます。

var age = 30;
console.log(age);  // Outputs: 30

2. させて

let はブロックスコープです。つまり、変数はそれが定義されているブロック内 (関数やループ内など) にのみ存在します。これは、最新の JavaScript で変数を宣言するために最も一般的に使用される方法です。

let city = "New York";
console.log(city);  // Outputs: New York

3. 定数

const は let に似ていますが、値が変更されない変数を宣言するために使用されます。 const で宣言された変数に一度値を代入すると、再度代入することはできません。

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

変数に名前を付ける

変数に名前を付けるときは、次の規則に留意してください:

• 変数名には、文字、数字、アンダースコア (_)、ドル記号 ($) を含めることができます。
• 文字、アンダースコア、またはドル記号で始める必要があります。
• 変数名は 大文字と小文字が区別されます (例: myVar と myvar は異なる変数です)。
• JavaScript キーワード (例: var、let、if、function) は変数名として使用できません。

一般的な規則では、変数名には camelCase を使用します (例: myVariableName.

JavaScript のデータ型

JavaScript は、変数が保持できる値の種類を指定するさまざまな データ型 をサポートしています。データ型は 2 つのカテゴリに分類されます:

• プリミティブ データ型
• 非プリミティブ (参照) データ型

プリミティブデータ型

プリミティブ データ型は、JavaScript の最も基本的なデータ型です。それらには次のものが含まれます:

1. 文字列

文字列はテキスト データを表すために使用されます。これらは、単一引用符 (')、二重引用符 (")、またはバックティック (`) のいずれかで囲まれます。

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. 数字

数値データ型は、整数と浮動小数点数 (つまり、10 進数) の両方を表します。

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. ブール値

ブール値は論理値 (true または false) を表します。これらは条件文や比較でよく使用されます。

let isLoggedIn = true;
let hasAccess = false;

4. 未定義

変数が宣言されていても値が割り当てられていない場合、その変数は unknown 値で自動的に初期化されます。

let myVar;
console.log(myVar);  // Outputs: undefined

5. ヌル

null は、明示的に空の値または存在しない値を表します。変数に値が存在しないことを示したい場合に使用されます。

let emptyValue = null;

6. シンボル

シンボルは一意で不変の値であり、通常はオブジェクトの一意のプロパティ キーを作成するために使用されます。初心者にはあまり使用されませんが、高度なアプリケーションでは役立ちます。

let symbol1 = Symbol("description");

7. BigInt

BigInt 型を使用すると、Number 型の範囲よりも大きな整数を表現できます。これは、非常に大きな整数を扱う場合に特に便利です。

let bigNumber = BigInt(123456789012345678901234567890);

非プリミティブ (参照) データ型

非プリミティブ データ型には、より複雑なデータ構造とオブジェクトが格納されます。変数には実際のデータへの参照が格納されるため、これらは参照型として知られています。

1. オブジェクト

オブジェクトはキーと値のペアのコレクションです。これらを使用すると、複数の関連する値をプロパティとして保存できます。

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. 配列

配列は、順序付けられた値 (要素) のコレクションです。配列は 1 つの変数に複数の値を格納でき、値は任意のデータ型にすることができます。

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. 関数

関数は、特定のタスクを実行するように設計されたコードのブロックです。 JavaScript では、関数自体がオブジェクトとして扱われるため、関数を引数として渡したり、変数に格納したりできます。

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

型強制と動的型付け

JavaScript は 動的に型指定されます。つまり、変数の型を明示的に宣言する必要はありません。 JavaScript は、割り当てられた値に基づいて型を自動的に推測します。例えば：

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

さらに、JavaScript は 型強制 を実行します。これは、必要に応じて値をある型から別の型に自動的に変換することを意味します。

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

最初の例では、JavaScript は 10 を文字列に強制変換し、それを「5」と連結します。 2 番目の例では、「5」が減算用の数値に強制されます。

結論

変数とデータ型を理解することは、JavaScript を学習するための基本的なステップです。変数を使用すると、プログラム内でデータを保存および管理できます。一方、データ型は、文字列から数値、ブール値など、扱うデータの種類を定義します。

JavaScript の学習を続けると、変数を頻繁に使用し、さまざまなデータ型を操作して、インタラクティブで動的な Web アプリケーションを構築することになります。これらのデータ型の操作方法をマスターすると、より効率的で効果的なコードを作成できるようになります。