7. JavaScript 演算子

この教育の役割は、基礎ゼロから始める必要がある生徒に限定されています。WeChat
公開アカウント [フロントエンド新天気] では、フロントエンドの知識コンテンツを頻繁に共有しています。
自習学習グループに参加できます (グループを追加)公開アカウントの下部にあるメニューバーにあります)、仲間と一緒に学ぶのがより便利です。

コースウェアコードアドレス: https://github.com/haojiey/js-Introductory-courseware

JavaScript 算術演算子

算術演算子は、加算、減算、乗算、除算などの一般的な数学演算を実行するために使用されます。

オペレーター	名前	例
+	添加	x + y は、x と y の合計を計算することを意味します
-	引き算	x - y は、x から y を引いた差を計算することを意味します
*	乗算	x * y は、x と y の積を計算することを意味します
/	分割	x / y は、x を y で割った商を計算することを意味します
%	モジュロ (剰余)	x % y は、x を y で割った余りを計算することを意味します
++	自己増加	++xx は x に 1 を加算し、x の値を返します。
		x++ は x の値を返し、x に 1 を加算します。
- -	デクリメント	- -x x から 1 を減算し、x の値を返します。
		x-- x の値を返し、x を 1 ずつ減分します。

var x = 10,
var y = 5;
console.log("x + y =", x + y);
console.log("x - y =", x - y); 
console.log("x * y =", x * y);
console.log("x / y =", x / y);
console.log("x % y =", x % y);

let x = 5;
x++;

let y = 5;
y--;

let x = 5;
let y = x++;
let z = ++x;

JavaScript 代入演算子

代入演算子は、JavaScript 変数に値を代入するために使用されます。

オペレーター	説明	例	に相当
=	最も単純な代入演算子。演算子の右側の値を演算子の左側の変数に代入します。	x=y	変数 x を y に代入する
+=	最初に加算を実行し、その結果を演算子の左側の変数に代入します。	x+=y	x=x+y
-=	最初に減算を実行し、その結果を演算子の左側の変数に代入します。	x-=y	x=xy
*=	最初に乗算を実行し、その結果を演算子の左側の変数に代入します。	x*=y	x=x*y
/=	最初に除算を実行し、その結果を演算子の左側の変数に代入します。	x/=y	x=x/y
%=	まずモジュロ演算を実行し、その結果を演算子の左側の変数に代入します。	x%=y	x=x%y

var x = 10;
x += 20;
console.log(x); 
var x = 12,
    y = 7;
x -= y;
console.log(x); 
x = 5;
x *= 25;
console.log(x);
x = 50;
x /= 10;
console.log(x); 
x = 100;
x %= 15;
console.log(x);

JavaScript 文字列演算子

演算子は、テキスト値または文字列変数を追加 (連結) するために使用されます。
2 つ以上の文字列変数を連結するには、+演算子を使用します。

var x = "Hello ";
var y = "World!";
var z = x + y;
console.log(z);
x += y;
console.log(x);

JavaScript 比較演算子

比較演算子は、演算子の左側と右側の式を比較するために使用されます。比較演算子の演算結果はブール値であり、結果は true または false の 2 つだけです。

オペレーター	名前	例
==	同等	x == y は、x が y に等しい場合に true を意味します
===	一致する	x === y は、x が y に等しく、x と y も同じ型である場合に true を意味します。
!=	等しくない	x != y は、x が y と等しくない場合に true を意味します
!==	不全等	x !== y は、x が y に等しくない場合、または x と y の型が異なる場合に true を意味します。
<	未満	x < y は、x が y より小さい場合に true を意味します
>	以上	x > y は、x が y より大きい場合に true を意味します
>=	以上	x >= y は、x が y 以上の場合に true を意味します
<=	以下	x <= y は、x が y 以下の場合に true を意味します。

var x = 25;
var y = 35;
var z = "25";

console.log(x == z); 
console.log(x === z); 
console.log(x != y); 
console.log(x !== z);
console.log(x < y);
console.log(x > y);
console.log(x <= y);
console.log(x >= y);

JavaScript 論理演算子

論理演算子は通常、複数の式を結合するために使用されます。論理演算子の結果はブール値であり、結果は true または false の 2 つだけです。次の表は、JavaScript でサポートされている論理演算子のリストです。

オペレーター	名前	例
&&	ロジックと	x && y は、x と y の両方が true の場合に true を意味します
\|\|	論理的または	x \|\| y は、x または y のいずれかが true の場合に true を意味します
！	論理否定	!x は、x が true でない場合に true を意味します

var a = true;
var b = true;

if(a && b){
    
    console.log('逻辑与')}
if(a || b){
    
    console.log('逻辑或')}
if(!a){
    
    console.log('逻辑非')}

JavaScriptの三項演算子

三項演算子 (条件演算子とも呼ばれます) は、疑問符とコロンで構成されます。構文は次のとおりです:
条件式? 式 1: 式 2;
「条件式」の結果が true ( true ) の場合、「式 1」のコードを実行するか、「式 2」のコードを実行します。

var x = 1,
  y = 2;
x > y ? console.log("x 大于 y") : console.log("x 小于 y");