7.JavaScript运算符

本教学作用仅限于0基础需要入门的同学
微信公众号【前端新气象】经常分享前端知识内容
可以加入自学学习群（公众号底部菜单栏加群），有同伴一起学，交流也更方便

课件代码地址： 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 的余数
++	自增	++x 将 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=x-y
*=	先进行乘法运算，再将结果赋值给运算符左侧的变量	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 字符串运算符

运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。

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

JavaScript 比较运算符

比较运算符用来比较运算符左右两侧的表达式，比较运算符的运算结果是一个布尔值，结果只有两种，不是 true 就是 false。

运算符	名称	示例
==	等于	x == y 表示如果 x 等于 y，则为真
===	全等	x === y 表示如果 x 等于 y，并且 x 和 y 的类型也相同，则为真
!=	不相等	x != y 表示如果 x 不等于 y，则为真
!==	不全等	x !== y 表示如果 x 不等于 y，或者 x 和 y 的类型不同，则为真
<	小于	x < y 表示如果 x 小于 y，则为真
>	大于	x > y 表示如果 x 大于 y，则为真
>=	大于或等于	x >= y 表示如果 x 大于或等于 y，则为真
<=	小于或等于	x <= y 表示如果 x 小于或等于 y，则为真

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。下表中列举了 JavaScript 中支持的逻辑运算符：

运算符	名称	示例
&&	逻辑与	x && y 表示如果 x 和 y 都为真，则为真
\|\|	逻辑或	x \|\| y 表示如果 x 或 y 有一个为真，则为真
!	逻辑非	!x 表示如果 x 不为真，则为真

var a = true;
var b = true;

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

JavaScript 三元运算符

三元运算符（也被称为条件运算符），由一个问号和一个冒号组成，语法格式如下：
条件表达式 ? 表达式1 : 表达式2 ;
如果“条件表达式”的结果为真（true），则执行“表达式1”中的代码，否则就执行“表达式2”中的代码。

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