演算子の基本
JavaScriptでは、演算子を使って値を操作したり比較したりできます。ここではよく使われる演算子について学びましょう。
算術演算子
算術演算子は数値を操作するために使用します。
| 演算子 | 説明 | 例 |
|---|---|---|
+ | 足し算 | 5 + 3 // 8 |
- | 引き算 | 5 - 3 // 2 |
* | 掛け算 | 5 * 3 // 15 |
/ | 割り算 | 6 / 3 // 2 |
% | 剰余（あまり） | 5 % 2 // 1 |
** | べき乗 | 2 ** 3 // 8 |
例:
let a = 10;
let b = 3;
console.log(a + b); // 13
console.log(a % b); // 1比較演算子
比較演算子は値を比較して真（true）または偽（false）を返します。
| 演算子 | 説明 | 例 |
== | 値が等しい | 5 == "5" // true |
=== | 値と型が等しい | 5 === "5" // false |
!= | 値が等しくない | 5 != 3 // true |
!== | 値または型が等しくない | 5 !== "5" // true |
< | 小さい | 3 < 5 // true |
<= | 小さいまたは等しい | 5 <= 5 // true |
> | 大きい | 5 > 3 // true |
>= | 大きいまたは等しい | 5 >= 5 // true |
例:
let x = 10;
let y = "10";
console.log(x == y); // true（型を比較しない）
console.log(x === y); // false（型も比較する）条件分岐
条件分岐はプログラムの流れを制御するために使用します。
if文
if文は、条件が真（true）の場合に特定のコードを実行します。
基本構文
if (条件) {
// 条件が真のときに実行されるコード
}例:
let score = 85;
if (score >= 80) {
console.log("合格です！");
}if-else文
条件が偽の場合に実行するコードを追加できます。
例:
let score = 65;
if (score >= 80) {
console.log("合格です！");
} else {
console.log("不合格です。");
}if-else if-else文
複数の条件を扱う場合に使います。
例:
let score = 75;
if (score >= 90) {
console.log("優秀です！");
} else if (score >= 80) {
console.log("合格です！");
} else {
console.log("もう少し頑張りましょう。");
}switch文
複数の条件を簡潔に記述したい場合に使用します。
基本構文
switch (式) {
case 値1:
// 値1の場合に実行されるコード
break;
case 値2:
// 値2の場合に実行されるコード
break;
default:
// どれにも該当しない場合に実行されるコード
}例:
let fruit = "apple";
switch (fruit) {
case "apple":
console.log("リンゴです。");
break;
case "banana":
console.log("バナナです。");
break;
default:
console.log("不明な果物です。");
}応用例
数値の比較
ユーザーが入力した数値を比較してメッセージを表示するプログラムです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数値比較</title>
</head>
<body>
<label for="number">数値を入力してください:</label>
<input type="number" id="number">
<button onclick="compareNumber()">確認</button>
<script>
function compareNumber() {
let num = Number(document.getElementById('number').value);
if (num > 0) {
alert("正の数です。");
} else if (num < 0) {
alert("負の数です。");
} else {
alert("ゼロです。");
}
}
</script>
</body>
</html>シンプルな電卓
簡単な計算を行う電卓のプログラムです。
function calculator(a, b, operator) {
switch (operator) {
case "+":
return a + b;
case "-":
return a - b;
case "*":
return a * b;
case "/":
return a / b;
default:
return "無効な演算子です。";
}
}
console.log(calculator(10, 5, "+")); // 15まとめ
この記事では、JavaScriptの演算子と条件分岐について学びました。これらの基本を理解することで、より複雑なプログラムを構築できるようになります。次回は「ループ処理で繰り返しを簡単に」について解説します。
コメント