最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript比較演算子および論理演算子


比較演算子と論理演算子をテストするために使用されているtrueまたはfalse


比較演算子

比較演算子は、変数または値の間の平等や違いを決定するために、論理的な文で使用されています。

ことを考えるとx = 5 、下の表には、比較演算子について説明します。

オペレーター 説明 比較 収益 それを試してみてください
== に等しい x == 8false それを試してみてください "
x == 5true それを試してみてください "
x == "5"true それを試してみてください "
=== 等しい値と同じタイプ x === 5true それを試してみてください "
x === "5"false それを試してみてください "
!= 等しくありません x != 8true それを試してみてください "
!== 等しくない値または等しくないタイプ x !== 5false それを試してみてください "
x !== "5"true それを試してみてください "
x !== 8true それを試してみてください "
> 越えます x > 8false それを試してみてください "
< 未満 x < 8true それを試してみてください "
>= 以上 x >= 8false それを試してみてください "
<= より小さいか等しいです x <= 8true それを試してみてください "

それはどのように使用することができます

比較演算子は値を比較し、その結果に応じてアクションを実行する条件文で使用することができます。

if (age < 18) text = "Too young";

このチュートリアルの次の章で条件付きステートメントの使用についての詳細を学びます。


論理演算子

論理演算子は、変数や値間のロジックを決定するために使用されます。

ことを考えるとx = 6とy = 3 、下の表は、論理演算子について説明します。

オペレーター 説明 それを試してみてください
&&and (x < 10 && y > 1) is true それを試してみてください "
||or(x == 5 || y == 5) is false それを試してみてください "
!not !(x == y) is true それを試してみてください "

条件(三項)演算子

JavaScriptはまた、いくつかの条件に基づいて変数に値を代入する条件演算子が含まれています。

構文

variablename = ( condition ) ? value1 : value2  

var voteable = (age < 18) ? "Too young":"Old enough";
»それを自分で試してみてください

変数年齢が18以下の値である場合は、変数voteableの値は、そうでなければvoteableの値が「十分に古い」になります、「若すぎる」となります。


さまざまなタイプを比較

異なる種類のデータを比較すると、予期しない結果を与える可能性があります。

数の文字列を比較する場合の比較を行うときに、JavaScriptは文字列を数値に変換します。 空の文字列は、数値以外の文字列がに変換し、0に変換するNaNは常にfalseです。

場合 試します
2 < 12true それを試してみてください "
2 < "12"true それを試してみてください "
2 < "John"false それを試してみてください "
2 > "John"false それを試してみてください "
2 == "John"false それを試してみてください "
"2" < "12"false それを試してみてください "
"2" > "12"true それを試してみてください "
"2" == "12"false それを試してみてください "

2つの文字列を比較する場合(アルファベット順)1が2未満であるため、「2」、「12」よりも大きくなります。

適切な結果を確保するために、変数は、比較の前に適切な型に変換する必要があります。

age = Number(age);
if (isNaN(age)) {
    voteable = "Error in input";
} else {
    voteable = (age < 18) ? "Too young" : "Old enough";
}
»それを自分で試してみてください

JavaScriptのビット演算子

ビット演算子は32ビット数で動作します。

運転中の任意の数値オペランドは32ビットの数値に変換されます。

結果は、JavaScriptの数に変換されます。

オペレーター 説明 と同じ 結果 10進数
& AND x = 5 & 1 0101 & 0001 0001 1
| OR x = 5 | 1 0101 | 0001 0101 5
~ NOT x = ~ 5  ~0101 1010 10
^ XOR x = 5 ^ 1 0101 ^ 0001 0100 4
<< Left shift x = 5 << 1 0101 << 1 1010 10
>> Right shift x = 5 >> 1 0101 >> 1 0010 2

使用上の表の4ビットの符号なしの例。 しかし、JavaScriptは、32ビットの符号付きの数値を使用しています。
それが-6を返します。このため、JavaScriptで、〜5は10を返しません。
〜00000000000000000000000000000101 11111111111111111111111111111010を返します。

x = 5 & 1;

xの結果:

1
»それを自分で試してみてください

x = 5 | 1;

xの結果:

5
»それを自分で試してみてください

x = 5 >> 1;

xの結果:

2
»それを自分で試してみてください

x = 5 << 1;

xの結果:

10
»それを自分で試してみてください

x = ~ 5;

xの結果:

-6
»それを自分で試してみてください

練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4» 演習5» 演習6»