JavaScript 比較
比較および逻辑演算子を使用してテストする true
または false
。
比較演算子
比較演算子は、変数や値が一致するかどうかを判定するために逻辑文で使用されます。
x = 5 を指定して、以下のテーブルに比較演算子を説明します:
演算子 | 説明 | 比較 | 返却 | テスト |
---|---|---|---|---|
== | 等しい | x == 8 | false | 試してみる |
x == 5 | true | 試してみる | ||
x == "5" | true | 試してみる | ||
=== | 値が一致し、データ型も一致する | x === 5 | true | 試してみる |
x === "5" | false | 試してみる | ||
!= | 不相等 | x != 8 | true | 試してみる |
!== | 値が不相等またはデータ型が不相等 | x !== 5 | false | 試してみる |
x !== "5" | true | 試してみる | ||
x !== 8 | true | 試してみる | ||
> | 大きい | x > 8 | false | 試してみる |
< | 小さい | x < 8 | true | 試してみる |
>= | 大きいかまたは等しい | x >= 8 | false | 試してみる |
<= | 小さいかまたは等しい | x <= 8 | true | 試してみる |
使用方法
比較演算子は、条件文で値を比較し、結果に基づいてアクションを取ります:
if (age < 18) text = "若すぎる";
このトレーニングの次の章では、条件文に関する知識を学びます。
逻辑演算子
逻辑演算子は、変数や値の間の逻辑を判定するために使用されます。
x = 6 で y = 3 を指定して、以下のテーブルに逻辑演算子を説明します:
演算子 | 説明 | 例 | テスト |
---|---|---|---|
&& | および | (x < 10 && y > 1) が true | 試してみる |
|| | または | (x == 5 || y == 5) が false | 試してみる |
! | 否定 | !(x == y) が true | 試してみる |
条件(三項)演算子
JavaScript には、ある条件に基づいて変数に値を割り当てる条件演算子が含まれています。
文法
variablename = (condition) ? value1:value2
例
var voteable = (age < 18) ? "若すぎる" : "十分に成熟した";
変数 age の値が 18 未満の場合、変数 voteable の値は「若すぎる」になります。それ以外の場合、変数 voteable の値は「十分に成熟した」になります。
異なるタイプの比較
異なるタイプのデータを比較すると、予期せぬ結果が得られることがあります。
文字列と数字を比較する場合、JavaScript は比較を行う前に文字列を数値に変換します。空文字列は 0 に変換されます。非数値文字列は常に false
の NaN
。
ケース | 値 | テスト |
---|---|---|
2 < 12 | true | 試してみる |
2 < "12" | true | 試してみる |
2 < "Bill" | false | 試してみる |
2 > "Bill" | false | 試してみる |
2 == "Bill" | false | 試してみる |
"2" < "12" | false | 試してみる |
"2" > "12" | true | 試してみる |
"2" == "12" | false | 試してみる |
文字列を比較する場合、"2" は "12" より大きいです。なぜなら、アルファベットの順序では 1 が 2 より小さいからです。
正確な結果を確保するために、比較値を比較する前に変数を適切なタイプに変換する必要があります:
age = Number(age); if (isNaN(age)) { voteable = "入力エラー"; } voteable = (age < 18) ? "若すぎる" : "十分に成熟している"; }