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的运算符,不是很难,但要自己敲一敲才能深入了解。下一节课,将带领大家学习程序流程控制。