老徐WEB：js入门学习 - javascript运算符

javascript的运算符有算术运算符、赋值运算符、连接运算符、比较运算符、逻辑运算符和条件运算符。

运算符就是变量与变量之间的运算关系。有的是两个变量间的加减乘除关系，有的是把字符串赋值给一个变量，有的是大小比较关系，有的是真假关系等。下面老徐一一给大家介绍。

 

算术运算符

算术运算符包括加(+)、减(-)、乘(*)、除(/)、取模/取余(%)、自增(++)和自减(--)。
上面这几个运算都很简单的，举几个例子就能明白了。

var x = 8, y = 2; // 先声明两个变量，留着备用
var z = x + y; // z等于10
var z = x - y; // z等于6
var z = x * y; // z等于16
var z = x / y; // z等于4
var z = x % y; // z等于0
var z = x++;   // z等于8,x等于9
var z = ++x;  // z等于9，x等于9
var z = x--; // z等于8，x等于7
var z = --x; // z等于7，x等于7

 

赋值运算符

赋值运算符就是给变量赋值，把一个值赋给一个变量。符号表示为（=）。
赋值运算符还可以跟算术运算符结合起来用，表示为+=，-=，*=，/=，%=。
下面举例说明一下。

var x = 8, y = 4; // 赋值运算符，声明一个变量，并赋值
x+=y 相当于 x=x+y; //x值为12
x-=y 相当于 x=x-y; //x值为4
x*=y 相当于 x=x*y; //x值为32;
x/=y 相当于 x=x/y; //x值为2;
x%=y 相当于 x=x%y; //x值为0;

 

 

连接运算符

连接运算符(+)是把两个及两个以上的字符串相连起来。比如：

var x = 'Hello',y='world';
var z = x + ' ' + y; //Hello world

如果一个数字跟字符串相连接，会是什么样的结果呢。

var x = 5 + 'days'; //结果5days，强制把数字转成字符串。
var x = "5" + 1; //结果51

如果想得到正确的计算结果，可以通过parseInt()把数字字符串转成数字。

var x = parseInt("5")+parseInt(1); //结果是6

 

 

比较运算符

比较运算符有大于(>)，小于(<)，大于或等于(>=)，小于或等于(<=)，等于(==)，不等于(!=)，绝对等于(===)和绝对不等于(!==)。
绝对等于要求变量的值和数据类型均相等，绝对不等于要求变量的值或者数据类型均不相等。

假设var x = 5;
x == 8; // 不成立
x == 5; // 成立
x === '5'; // 不成立
x === 5; // 成立
x != 8; // 成立
x != 5; // 不成立
x !== '5'; // 成立
x !== 5; // 不成立
x > 5; // 不成立
x >= 5; // 成立
x < 8; // 成立
x <= 8; // 成立

 

 

逻辑运算符

逻辑运算符有&&，||，!。
&&表示两边都是真时，结果为真。
||表示两边只要有真时，结果为真。
！表示反，如果!后面为真，结果为假。相反，如果!后面为假，结果就为真。

var x = (2<3 && 3<4); // true
var x = (2>3 && 3<4); // false
var x = (2>3 && 3>4); // false

var x = (2<3 || 3<4); // true
var x = (2>3 || 3<4); // true
var x = (2>3 || 3>4); // false

var x = !(2<3); // false
var x = !(2>3); // true

 

条件运算符

条件运算符是指满足条件时，返回一个值，不满足条件时，返回另一个值，如：

var x = 10;
x>60?'及格':'不及格'; //不及格
var x = 70;
x>60?'及格':'不及格'; //及格

 

上面这几个运算符都是javascript最基础的知识，多学多练慢慢掌握，工作中也是很常用的。

 

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。