プレゼンテーションシナリオ: スライド34、35

スライド34と35では、JavaScript演算子について説明します。

JavaScriptは、値の代入、算術演算、比較、論理演算、型チェック、配列(array)やオブジェクト(object)の操作など、さまざまなタスクを実行するための多くの演算子を提供しています。

主な演算子の種類:

算術演算子(Arithmetic): +, -, *, /, %, **, ++, -- → 算術計算を実行します。

代入演算子(Assignment): =, +=, -=, *=, /=, %=, **= → 変数に値を代入するために使用します。

論理代入演算子(Logical Assignment): &&=, ||=, ??= → 論理条件に基づいて値を代入します(ES2020)

三項演算子(Ternary): (condition) ? expr1 : expr2 → 簡単な条件に基づいて値を代入します

スプレッド/レスト演算子(...): 配列を展開したり、要素を引数に変換したり、またはその逆を行うために使用します

比較演算子(Comparison): ==, ===, !=, !==, >, <, >=, <= → 値を比較します

文字列演算子(String): +, += → 文字列を連結するために使用します。

論理演算子(Logical): && – AND(かつ)、|| – OR(または)、! – NOT(否定) → 条件を組み合わせたり反転したりするために使用します。

その他の演算子(Miscellaneous):

  • typeof → データ型を返します
  • instanceof → オブジェクトが特定のコンストラクタ(クラスまたは関数)から作成されたかどうかをチェックします。
  • delete → オブジェクトのプロパティを削除します
  • void → undefinedを返します
  • オブジェクト内の"key"の関係演算子、例えば"age" in person – プロパティがオブジェクト内に存在するかどうかをチェックします

さまざまな演算子を使用した短いコード例があります:

例1:

let x = 5;
// Arithmetic and assignment
x = x * 2;  // x = 10
x += 5;     // x = 15

// Ternary operator
let result = (x > 10) ? "Greater" : "Smaller";
console.log("Result:", result); // Output: Greater

例2:

let y = 0;
// Logical OR (fallback value)
let value = y || 20;

// typeof operator
console.log("Type:", typeof value); // Output: number

// Spread operator with array
let arr = [1, 2, 3];
let newArr = [...arr, 4, 5];
console.log(newArr); // [1, 2, 3, 4, 5]

例1では、算術演算子、代入演算子、三項演算子を使用して条件に基づいて値を代入しています。

例2では、論理ORを使用してフォールバック値を代入し、typeofでデータ型をチェックし、スプレッド演算子で配列を展開しています。

演算子の種類の詳細については、w3schoolのJS Operatorsセクションを参照してください。