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

JavaScript演算子リファレンス


JavaScriptの演算子は、値を割り当てる値を比較し、算術演算を実行し、より多くのために使用されます。


JavaScriptの算術演算子

算術演算子は、変数および/または値の間の算術演算を実行するために使用されます。

ことを考えるとy = 5 、以下の表では、算術演算子について説明します。

オペレーター 説明 yの結果 xの結果 それを試してみてください
+ 添加 X = Y + 2 Y = 5 X = 7 それを試してみてください "
- 引き算 X = Y - 2 Y = 5 X = 3 それを試してみてください "
* 乗算 X = Y * 2 Y = 5 X = 10 それを試してみてください "
/ 分割 X = Y / 2 Y = 5 X = 2.5 それを試してみてください "
モジュラス(division remainder) X = Y%2 Y = 5 X = 1 それを試してみてください "
++ インクリメント X = ++ Y Y = 6 X = 6 それを試してみてください "
X = Y ++ Y = 6 X = 5 それを試してみてください "
- デクリメント X = --y Y = 4 X = 4 それを試してみてください "
X = y-- Y = 4 X = 5 それを試してみてください "

算術演算子についてのチュートリアルについては、私たちの読みJavaScriptの算術チュートリアル


JavaScriptの代入演算子

代入演算子は、JavaScriptの変数に値を割り当てるために使用されています。

ことを考えるとx = 10およびy = 5 、以下の表は、代入演算子を説明します。

オペレーター と同じ xの結果 それを試してみてください
= X = Y X = Y X = 5 それを試してみてください "
+ = X + Y = X = X + Y X = 15 それを試してみてください "
- = X - = Y X = X - Y X = 5 それを試してみてください "
* = X * = Y X = X * Y X = 50 それを試してみてください "
/ = X / Y = X = X / Y X = 2 それを試してみてください "
%= X%= Y X = X%Y x = 0の それを試してみてください "

代入演算子に関するチュートリアルについては、当社の読みJavaScriptの割り当てチュートリアル


JavaScriptの文字列演算子

+演算子、および+ =演算子は、また連結するために使用することができる(add)文字列を。

与えられたtext1 = "Good "text2 = "Morning"及びテキスト3は= "" 、下の表は、演算子を説明します。

オペレーター テキスト1 テキスト2 テキスト3 それを試してみてください
+ テキスト3 =テキスト1 +テキスト2 "良い " "朝" "おはようございます" それを試してみてください "
+ = テキスト1 + =テキスト2 "おはようございます" "朝" 「」 それを試してみてください "

比較演算子

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

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

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

比較演算子についてのチュートリアルについては、私たちの読みチュートリアルJavaScriptの比較を


条件(Ternary)演算子

条件演算子は、条件に基づいて変数に値を代入します。

構文 それを試してみてください
変数名 = ( condition )VALUE1:VALUE2 voteable = (age < 18) "Too young" :「十分古いです」。 それを試してみてください "

例は次のように説明変数場合は"age" 18以下の値であり、変数の値が"voteable"だろう"Too young" 、そうでない場合voteableの値はなります"Old enough"


論理演算子

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

ことを考えるとx = 6 and y = 3 、以下の表では、論理演算子を説明します。

オペレーター 説明 それを試してみてください
&& そして (x < 10 && y > 1)真であります それを試してみてください "
|| 若しくは (X === 5 || yをする=== 5)が偽であります それを試してみてください "
ではありません !(x === y)真であります それを試してみてください "

JavaScriptのビット演算子

ビット演算子は32ビット数で動作します。 動作中の任意の数値オペランドは、32ビットの数値に変換されます。 結果は、JavaScriptの数に変換されます。

オペレーター 説明 と同じ 結果 小数
そして X = 5&1 0101&0001 0001 1
| OR X = 5 | 1 0101 | 0001 0101 5
しません X =〜5 〜0101 1010 10
^ XOR X = 5 ^ 1 ^ 0001 0101 0100 4
<< 左方移動 X = 5 << 1 0101 << 1 1010 10
>> 右シフト X = 5 >> 1 0101 >> 1 0010 2

上記の例は、4ビットの符号なしの例を使用します。 しかし、JavaScriptは、32ビットの符号付きの数値を使用しています。

このため、JavaScriptで、〜5は10を返しませんそれは戻ります-6。

〜00000000000000000000000000000101 11111111111111111111111111111010を返します。


typeof演算子

typeof演算子は、変数、オブジェクト、機能または発現の型を返します。

typeof "John"                 // Returns string
typeof 3.14                   // Returns number
typeof NaN                    // Returns number
typeof false                  // Returns boolean
typeof [1, 2, 3, 4]           // Returns object
typeof {name:'John', age:34}  // Returns object
typeof new Date()             // Returns object
typeof function () {}         // Returns function
typeof myCar                  // Returns undefined (if myCar is not declared)
typeof null                   // Returns object
»それを自分で試してみてください

遵守してください:

  • NaNでのデータ・タイプは数値であります
  • 配列のデータ型がオブジェクトであります
  • 日付のデータ型がオブジェクトであります
  • ヌルのデータ型がオブジェクトであります
  • 未定義の変数のデータ・タイプは未定義です

JavaScriptのオブジェクトが配列である場合は、定義するためのtypeofを使用することはできません(or a date)


delete演算子

delete演算子は、オブジェクトのプロパティを削除します。

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
»それを自分で試してみてください

delete演算子は、プロパティの値及びプロパティ自体の両方を削除します。

それが再び追加される前に削除した後、プロパティを使用することはできません。

delete演算子はオブジェクトのプロパティで使用するように設計されています。 これは、変数や関数には影響を与えません。

注意:delete演算子は、事前定義されたJavaScriptオブジェクトのプロパティに使用すべきではありません。 それはあなたのアプリケーションがクラッシュすることができます。


オペレータで

指定されたプロパティは、指定されたオブジェクトにそうでない場合はfalseの場合はオペレータ trueを返します:

// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // Returns false (specify the index number instead of value)
0 in cars               // Returns true
1 in cars               // Returns true
4 in cars               // Returns false (does not exist)
"length" in cars        // Returns true  (length is an Array property)

// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person   // Returns true
"age" in person         // Returns true

// Predefined objects
"PI" in Math            // Returns true
"NaN" in Number         // Returns true
"length" in String      // Returns true
»それを自分で試してみてください

instanceof演算子

指定されたオブジェクトが指定されたオブジェクトのインスタンスである場合、instanceof演算子はtrueを返します。

var cars = ["Saab", "Volvo", "BMW"];

cars instanceof Array;          // Returns true
cars instanceof Object;         // Returns true
cars instanceof String;         // Returns false
cars instanceof Number;         // Returns false
»それを自分で試してみてください

void演算子

void演算子は式を評価しundefinedを返します。 この演算子は、多くの場合、使用、未定義のプリミティブな値を得るために使用される「 void(0) 」(戻り値を使用せずに式を評価する際に有用)。

<a href="javascript:void(0);">
  Useless link
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  Click me to change the background color of body to red
</a>
»それを自分で試してみてください