JavaScript的运算符

倾然丶 夕夏残阳落幕 提交于 2019-12-10 22:01:52

一 运算符分类

运算符:

  1. 可以跟根据操作数不同:一元(一目)运算符、二元(二目)运算符、三元(三目)运算符
  2. 根据功能不同,可以分为:
    1)算术运算符
    + - * / %(取余)
    ++:自增
    –:自减
    2)比较(关系)运算符
    一般情况下,比较运算的结果为:布尔类型
    >     <    >=    <=    ==( 等于)    !=(不等于)    ===(全等)
    3)逻辑运算符
    &&(逻辑与):并且 ||(逻辑或)!(逻辑非)
    4)赋值运算符
    =     +=    -=    *=    /=     %=
    5)条件运算符

二 算术运算符

  1. / + - *
var a=6,b=2;
console.log(a + b);//6+2=8
console.log(a - b);//6-2=4
console.log(a * b);//6*2=12
console.log(a/ b);//6/3=2
  1. %(取余) ++(自加) --(自减)
a++;//a=a+1
b--//b=b-1
a%b//a/b的余数

注意
1)+运算符两边只要有一个为字符串,则执行拼接操作,结果为:字符串类型

        console.log('5' + "3") //拼接
        console.log('5' + "我"); //拼接
        console.log('5' + 3); //拼接
        console.log('5' + true); //拼接

在这里插入图片描述
2) 运算符的前置和后置对变量自身没有影响,但是一旦出现在赋值语句中:
运算符前置:先运算,再赋值
运算符后置:先赋值,再运算

var a=5,b=5;
var c=a++;//c=5
var d=++b;//d=6
console.log(c,d);

在这里插入图片描述

三 比较(关系)运算符

一般情况下,比较运算的结果为:布尔类型:true false
>    <     >=    <=     !=

 var a = 3 > 5;//false
 var b=5>4;//true
 var c = 5 == 3;//false
 var d = 5 != 3;//true
 var f= 5 >= 3;//只要有一个满足即可 true

在这里插入图片描述

注意:
1)隐式转换
console.log(‘5’ > 3);//true
console.log(‘5’ == 5);//true

2/字符串类型比较,按照ASCII码比较(一位一位对比)
// console.log(‘a’ > “b”);//本质是:ASCII码

五 赋值运算符

=     +=    -=    *=    /=     %=

var a=2,b=2,c=2,d=;
var a=2;
b+=2;//b=b+2
c*=2;//c=c*2
d%=2;//d=d%2
console.log(a,b,c,d);

在这里插入图片描述

六 条件运算符

一般情况下,运算结果为:布尔类型
&&(逻辑与):并且         两边的操作数均为真,则结果为真;其他情况均为假
||(逻辑或):或者         若两边的操作数有一个为真,则结果为真;若两边均为假,则结果为假
!(逻辑非):取反

 var a = 3 >= 5 && 5 >= 3;
 var b = 5 >= 3 || 5 <= 9;
console.log(a,b,!b);

在这里插入图片描述

七 条件运算符

条件运算符:三元运算符
表达式?结果1:结果2
运算规则:
若表达式为真,则运算结果为:结果1
若表达式为假,则运算结果为:结果2

var a = "hello" == "world" ? "hello" : "world";
 console.log(a);

在这里插入图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!