04.JavaScript-运算符

目录

前言

一、什么是运算符?

二、运算符的分类

1.算数运算符—— +、-、*、/、%(取余)

1) + 运算符

2) - 运算符

3) * 运算符

4) / 运算符

5) % 运算符

2.递增、递减运算符

1)前置递增运算符:先自+1,再返回值

2)后置递增运算符:先返回值,再+1

3.比较运算符

4.逻辑运算符

1)&&  逻辑与  

2)||    逻辑或  

3)!     逻辑非

5.短路运算符

1)逻辑与短路运算

2)逻辑或短路运算

6.赋值运算符

7.三元运算符

三、运算符优先级

总结


前言

今天分享的是关于运算符相关的内容!


一、什么是运算符?

运算符是用于实现赋值比较执行算数运算等功能的符号!

运算符分为:算数运算符、比较运算符、逻辑运算符、短路运算符、赋值运算符

二、运算符的分类

1.算数运算符—— +、-、*、/、%(取余)

y = 5;

1) + 运算符

x = y + 2;  // 7

2) - 运算符

x = y - 2; // 3

3) * 运算符

x = y * 2; // 10

4) / 运算符

x = y / 2; // 2.5

5) % 运算符

console.log(4 % 2);  // 余数是0

console.log(3 % 5);  // 余数是3


2.递增、递减运算符

可以使用递增(++)和递减(--)运算符来完成,必须要配合变量来使用

1)前置递增运算符:先自+1,再返回值

var num = 1;

++num;  //  等于 num = num +1;

var age  = 10;

console.log(++age + 10);  // 21   

注意:先自+1,11+10=21

2)后置递增运算符:先返回值,再+1

var num = 1;

num++;  // 等于 num = num +1;

var age = 10;

console,log(age++ + 10);    // 20  

注意:先返回表达式原值10,10+10=20,然后变量再自+1:age+1=11

注意:前置递减、后置递减与前置递增和后置递增同理


3.比较运算符

>      大于

<      小于

>=   大于等于

<=   小于等于

==   等于  

console.log(18 == '18'); // true

注意:默认会转换字符的数据类型,会把字符串类型的数据转换为数字型,只要求值相等就可以

!=     不等于

===  全等于

console.log(19 === 19);     // true

console.log(19 === '19');   // false

注意:要求两侧的值还有数据类型完全一致才可以

!==   不全等于


4.逻辑运算符

逻辑运算符:用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断

1)&&  逻辑与  

 相当于是 and且 的意思    口诀:一假为假,全真为真

console.log(3>2 && 3>5); // false

console.log(3>2 && 3>1);  // true

2)||    逻辑或  

相当于是 or或者 的意思     口诀:一真为真,全假为假 

console.log(3>2 || 3>5);  // true

console.log(3>5 || 2>5);  // false

3)!     逻辑非

console.log(!true);   // false


5.短路运算符

1)逻辑与短路运算

如果表达式1为真,则返回表达式2;如果表达式1为假,则返回表达式1。口诀:假一真二

console.log(0 && 123);   // 0

console.log(123 && 456);   // 456

注意:如果有空的或者否定的为假,其余是真的   0  ‘’ undefined  null NaN

2)逻辑或短路运算

如果表达式1为真,则返回表达式1;如果表达式1为假,则返回表达式2。口诀:谁真返谁

console.log(123 || 345);   // 123

console.log(0 || 123);    // 123


6.赋值运算符

=     直接赋值

+=    加一个数后再赋值

var num = 5;  num += 5; // 10

-=     减一个数后再赋值

var num = 5;  num -= 5;  // 0

*=     乘一个数后再赋值

var num = 5;  num *= 5;  // 25

/=     除一个数后再赋值

%=   取余后再赋值


7.三元运算符

语法: : ?

举个例子:

var max = (num1 > num2) ? num1 : num2;

注意:如果 num1 大于 num2(关系表达式返回 true),则将 num1 的值赋给 max;如果 num1 小于或等于 num2(关系表达式返回 false),则将 num2 的值赋给 max

三、运算符优先级

运算符的优先级决定了表达式中运算执行的先后顺序。优先级高的运算符会作为优先级低的运算符的操作符。

详细的运算符优先级,请参照下方链接:

运算符优先级 - JavaScript | MDN


总结

以上就是今天分享的关于运算符相关的内容,大家加油!

"pink"的含义是:拼尽全力!克服困难

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr_LiuP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值