English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

JavaScriptの演算子

演算子は指定された操作数に対して数学的および論理演算を実行します。

JavaScriptには以下の種類の演算子があります:

  • 算術演算子

  • 代入演算子

  • 比較演算子

  • ビット演算子

  • 論理演算子

  • 文字演算子

  • 条件(三元)演算子

  • 一元运算符

  • 一元演算子

関係演算子

JavaScriptの算術演算子

算術演算子は数字に対して算術演算を実行するために使用されます。

演算子説明定義テストしてみてください
+算術演算子は数値を操作数として取り、単一の数値を返します。a + b加法テストしてみてください
-aとbの合計a-b減法テストしてみてください
*aとbの差a * b乘法テストしてみてください
**aとbの積a ** b求幂テストしてみてください
/aのb次方a / b除法テストしてみてください
a除以b%求模(余数)a / a%bテストしてみてください
++bの余数a ++自増1テストしてみてください
--a自増
a--自減1テストしてみてください

a自減

JavaScriptの割り当て演算子

割り当て演算子は値をJavaScriptの変数に割り当てます。

演算子説明同等テストしてみてください
=シンプルな割り当て演算子(=)は、右操作数の値を左操作数に割り当てます。割り当て割り当てテストしてみてください
+=a = ba + = ba = a + bテストしてみてください
-=加算後の値を再割り当てa-= ba = a-bテストしてみてください
*=減算後の値を再割り当てa * = ba = a * bテストしてみてください
**=乗算後の値を再割り当てa ** = ba = a ** bテストしてみてください
/=除算後の値を再割り当てa / = ba = a / bテストしてみてください
%=求模後の値を再割り当てa%= ba = a%bテストしてみてください

JavaScriptの比較演算子

比較演算子は二つの値を比較し、ブール値を返します。

演算子説明定義テストしてみてください
==等しいa == baがbに等しい場合テストしてみてください
===同じa === baがbに等しく、同じタイプである場合テストしてみてください
!=不相等a!= baがbに等しくない場合テストしてみてください
!==タイプを含む不相等a!== baがbに等しくなく、同一のデータタイプでもない場合テストしてみてください
>以上a> baがb以上の場合テストしてみてください
<以下a <baがb以下の場合テストしてみてください
>=以上a> = baがb以上の場合テストしてみてください
<=以下a <= baがb以下の場合テストしてみてください

(a ==b)と(a ===b)の違いは:

  • == aがbに等しい場合

  • === aがbに等しく、それらが同じタイプである場合同一のタイプ、則はtrueを返します

条件文では比較演算子を使用して値を比較し、結果に基づいて異なるフローに進むことができます。

このチュートリアルの後半で、条件文の使用方法を学びます。

JavaScriptのビット演算子

ビット演算子はその操作数を一連のビットとして視覚化します。32ビット(ゼロと一),ではなく、十進数、十六進数または八進数の数字としてその操作数を視覚化します。

この操作でのどの数字の操作数も、十進数、十六進数、または八進数の数字ではなく、ビット(ゼロと一)として変換されます。32位数字。結果をJavaScriptのインデックスに変換します。

演算子説明同等結果小数
&アンド5&10101和00010001 1個
|アンリ5 | 10101 | 00010101 5
~ノン
~5 ~01011010 10
^イーコリ5 ^ 10101 ^ 00010100 4
<<ライト・シフト5 << 10101 << 11010 10
>>シグネチャレス・ライト・シフト5 >> 10101 >> 10010  2
>>>シグネチャレス・ライト・シフト5 >>> 10101 >>> 10010  2

の例では4符号付きビット無しの例。しかしJavaScriptは32符号付きビット

したがって、JavaScriptでは、~5を返しません10。それは-6。

~00000000000000000000000000000101を返します11111111111111111111111111111010

JavaScript論理演算子

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

論理演算子は、条件文を組み合わせるために通常使用され、布尔値を返します。

演算子説明定義テストしてみてください
&&論理とa && baおよびbがどちらも真の場合、真になりますテストしてみてください
||論理或a||baまたはbが真の場合、真になりますテストしてみてください
!論理否定!aaが真でない場合、真になりますテストしてみてください

JavaScript文字列演算子

この+演算子は、文字列を結合(接続)するためにも使用できます。

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
テストを見て‹/›

加法代入演算子+=は、文字列を結合(接続)するためにも使用できます。

var str1 = "Hey! ";
str1 += "How r u doing?";
テストを見て‹/›

文字列上で使用される場合、この+演算子は連接演算子と呼ばれます。

JavaScript条件(三元)演算子

条件演算子は、3つの操作数を使用するJavaScriptの演算子の中で唯一です。

条件に基づいて2つの値のうちの1つを取得することができます。構文は以下の通りです:

condition ? val1 : val2

もしcondition の計算結果はtrue、それともtrueを返しますval1、それともfalseを返しますval2

条件演算子は、標準演算子を使用する場所のどこでも使用できます。

var status = (age >= 18) ? "成人" : "子供";
テストを見て‹/›

年齢が18年齢が20歳以上の場合、status変数に「成人」という値が割り当てられます。そうでない場合は、statusに「子供」という値が割り当てられます。

JavaScriptユニタリ演算子

ユニタリ演算は、操作数が1つしかない演算です。

JavaScriptには3つのユニタリ演算子があります:

説明説明
deleteオブジェクト、オブジェクトの属性、または配列の指定されたインデックスの要素を削除します
typeof変数の型を返します
void値を返さずに要求される式を指定する

delete演算子

delete演算子は、オブジェクト、オブジェクトの属性、または配列の指定されたインデックスの要素を削除できます。

操作が実行可能であれば、delete演算子はtrueを返します;そうでない場合は、falseを返します。操作が実行不可能であれば、falseを返します。

delete演算子が成功した場合、属性または要素をundefinedに設定します:

var user = {firstName:"Vishal", age:""22, color:"blue"};
delete user.firstName;  // trueを返します
テストを見て‹/›

delete演算子が配列の要素を削除した場合、その要素は配列から削除されます。

var fruits = ["Apple", "Mango", "Banana"];
delete fruits[0];   // delete "Apple"
テストを見て‹/›

注意:配列の要素を削除する際には、配列の長さは影響を受けません。

typeof演算子

typeof演算子は変数や式のタイプを返します。

typeof ""  // 「string」を返します
typeof "Vishal"// 「string」を返します
typeof "42"// 「string」を返します(クオート内のNumberはStringとみなされます)
typeof 42  // 「number」を返します
typeof true// 「boolean」を返します
typeof false   // 「boolean」を返します
typeof undefined   // 「undefined」を返します
typeof null// 「object」を返します
typeof {name:"Vishal", age:22} // 「object」を返します
typeof [2, 4, 6, 8]// 「object」を返します(下記の注意を参照してください)
typeof function myFunc(){} // 「function」を返します
テストを見て‹/›

注意:typeof演算子は配列に対して「object」を返します。なぜなら、JavaScriptでは配列がオブジェクトであるからです。

これはtypeof演算子が返す値のリストです:

タイプ
typeofが返す文字列
Number"number"
String"string"
Boolean"boolean"
Object"object"
Function"function"
Undefined"undefined"
Null"object"

void演算子

void演算子は値を要求する式を指定しますが、値を返しません。

以下のコードは、ユーザーがリンクをクリックしたときに何も実行しない超テキストリンクを作成します。

<a href="javascript:void(0)">Click here to do nothing</a>
テストを見て‹/›

JavaScriptの関係演算子

関係演算子は操作数を比較し、比較が真であるかどうかによって布尔値を返します。

JavaScriptには二つの関係演算子があります:

説明説明
in指定された属性が指定されたオブジェクトに存在する場合、trueを返します。
instanceofオブジェクトがオブジェクトタイプの例である場合、trueを返します

in演算子

指定された属性が指定されたオブジェクトに存在する場合、in演算子はtrueを返します。

var user = {firstName:"Vishal", age:""22, color:"blue"};
"firstName" in user;  // trueを返します
"age" in user;// trueを返します
"Food" in user;   // falseを返します
テストを見て‹/›

in演算子とArray配列を使用する場合、インデックス番号を指定する必要がありますが、インデックス位置の値を指定する必要はありません。

var fruits = ["Apple", "Mango", "Banana"];
var item1 = 0 in fruits;  // trueを返します
var item2 = 1 fruits;  // trueを返します
var item3 = 2 fruits;  // trueを返します
var item4 = 3 fruits;  // falseを返します
テストを見て‹/›

instanceof演算子

指定されたオブジェクトが指定されたオブジェクトタイプに属している場合、instanceof演算子はtrueを返します。

動作時にオブジェクトのタイプを判定する必要がある場合、instanceof演算子を使用してください。

var myObj = new Date();
if (myObj instanceof Date) {
   // 実行するステートメント
}
テストを見て‹/›