JavaScript零基础入门——（四）JavaScript的运算符

最新推荐文章于 2024-07-25 14:02:05 发布

weixin_33736649

最新推荐文章于 2024-07-25 14:02:05 发布

阅读量79

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/JandenMa/blog/1827872

版权

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript零基础入门——（四）JavaScript的运算符

欢迎大家回到我们的JavaScript零基础入门课程，上两节课我们讲了JavaScript的变量和变量类型，这节课，我们来认识一伙新朋友，我们称它们为“运算符”。

提到运算符，大部分同学可能会想到加减乘除，没错了，加减乘除的确是JS运算符的一种，但包括且不仅限于加减乘除，具体我们来说一说。

JS的运算符，包含算术、赋值、关系和逻辑四种，我们一种一种来说。

算数运算符

加号+：可做字符串连接，亦可作数值相加；
减号-：数值相减；
乘号*：数值相乘；
除号/：数值相除；
取模%：取余数。

//算术运算符
var a = 5;
var b = 2;
var x = '7';
var y = '4';

//加号
console.log(a + b); //7
console.log(x + y); //74
console.log(parseFloat(x) + parseFloat(y)); //11

//减号
console.log(a - b); //3
console.log(x - y); //3
console.log(parseFloat(x) - parseFloat(y)); //3

//乘号
console.log(a * b); //10
console.log(x * y); //28
console.log(parseFloat(x) * parseFloat(y)); //28

//除号
console.log(a / b); //2.5
console.log(x / y); //1.75
console.log(parseFloat(x) / parseFloat(y)); //1.75

//取模
console.log(a % b); //1
console.log(x % y); //3
console.log(parseFloat(x) % parseFloat(y)); //3

赋值运算符

=：赋值，将等号右边的值赋给左边；
+=：将等号左边的值加上右边的值再赋给左边；
-=：将等号左边的值减上右边的值再赋给左边；
*=：将等号左边的值乘上右边的值再赋给左边；
/=：将等号左边的值除上右边的值再赋给左边；
%=：将等号左边的值余上右边的值再赋给左边。

//赋值运算符
var a = 5;
var b = 2;

//+=
a += b;
console.log(a); //7

//-=
a -= b;
console.log(a); //5

//*=
a *= b;
console.log(a); //10

///=
a /= b;
console.log(a); //5

//%=
a %= b;
console.log(a); //1

关系运算符，也叫比较运算符：

>：大于号，看左边的值是否大于右边；
<：小于号，看左边的值是否小于右边；
>=：大于等于号，看左边的值是否大于等于右边；
<=：小于等于号，看左边的值是否小于等于右边；
==：相等比较符，看等号左右的值是否相等，先进行类型转换；
===：全等比较符，看等号左右的值和类型是否相等；
!=：不相等比较符，看等号左右的值是否不相等，先进行类型转换；
!==：不全等比较符，看等号左右的值和类型是否不相等；


//关系运算符
var a = 5;
var b = 2;
var c = '2';

console.log(a > 5);//false
console.log(a >= 5);//true
console.log(b < 2);//false
console.log(b <= 2);//true
console.log(b == c);//true
console.log(b === c);//false
console.log(b != c);//false
console.log(a !== c);//true

逻辑运算符

&&：与运算，也叫做且，即符号左边同时成立才会为真；
||：或运算，即符号左右只要有一个成立就为真；
!：非运算，也叫取反，是一个颠倒是非的运算符。

//逻辑运算符
var a = 5;
var b = 2;

console.log(a > 5 && b < 2); //false
console.log(a >= 5 && b < 2); //false
console.log(a >= 5 && b <= 2); //true
console.log(a >= 5 || b < 2); //true
console.log(a > b); //true
console.log(!(a > b)); //false

好，这一节课我们了解了JS的运算符，不是很难，但要自己敲一敲才能深入了解。下一节课，将带领大家学习程序流程控制。

如果想跟着振丹继续学习，可以微信关注【振丹敲代码】（微信号：JandenCoding）

新博文微信同步推送，还附有讲解视频哦~

也可直接扫描下方二维码关注。