首页 >web前端 >js教程 >手把手带你了解JavaScript运算符基础

手把手带你了解JavaScript运算符基础

WBOY
WBOY转载
2021-10-12 10:27:321369浏览

本篇文章带大家了解一下JavaScript关于运算符的基础知识:算数运算符、递增/递减运算符、比较运算符、逻辑运算符和三元运算符。希望对大家有所帮助。

手把手带你了解JavaScript运算符基础

运算符

1 算数运算符

  • 概   念:就是进行加减乘除,取余计算的运算符

  • 运算符:+,-,*,/,%(取余数的运算)

注意:在进行算术运算的时候,浮点数(小数)运算可能会产生精度问题

2 递增、递减运算符

运算符:++--(a++、a--、++a、--a)

//前置递增运算符
var num = 1;
++num //或者num++
console.log(num)//结果为2
 
//++num 相当于是 num = num + 1
//前置++ 是先做自增再做其他运算
 
 
 
 
//前置递减运算符
var num = 1;
--num //或者num--
console.log(num)//结果为0
 
//--num 相当于是 num = num - 1
//前置-- 是先做自减再做其他运算

3 比较运算符

运算符:>  ,  50197742f53cb063ab829213169f6d85=   , e98996da6f5b9aec45e490312f810ef4  ,  50197742f53cb063ab829213169f6d85=   , <=  优先级是6

  • == ,  !=,  ===,  !==  优先级是7

  • ==:判断两边的数据中的值是否相等(不同数据类型时会转为相同数据类型转换18=='18' // true)

  • ===:两遍的数据中的值,数据的类型是否相同(18==='18' // false)

  • 4 逻辑运算符

    逻辑与(&&):

    • 如果使用的是 && 符号,表示只有当两个条件都成立(true) 的情况,整个表达式的结果才是真,只要有一个条件为false,表达式的结果就是假

    逻辑与的中断:

    • 因为与运算是要所有条件都成立,最终与运算结果才为true,如果有一个条件不成立,与运算的结果就是假

    var age = 18
    var num ;
    age>18 && (num = 998);
     
    //因为 age>18没有成立,逻辑与就已经得到结果为假
    //所以当逻辑与计算完毕之后,后面的num=998就不会再运行了

    逻辑或(||):

    • 只要有一个条件成立,表达式的结果就为真,只有所有条件都不成立的情况下,表达式的结果才为假。

    逻辑或的中断:

    var age = 18;
    var num;
    age == 18 || (num = 998);
     
     //因为 age==18成立,逻辑或就已经得到结果为真
    //所以当逻辑或计算完毕之后,后面的num=998就不会再运行了

    逻辑非(!):取反真为假,假为真

    var a = 5;
    !(a > 1)//a等于5,所以大于1为真(true),因为取反,所以这个表达式为假(false)

     5 三元运算符:?:

    可以把它理解为 if双分支的简化写法

    语法结构:

    表达式1 ? 表达式2 : 表达式3

    当表达式1成立的时候,就会执行表达式2

    当表达式1不成立的时候,就会执行表达式3

    var a,b=2,c=3;
    a=b>2?b:c; //运行结果是a为3,b大于2为真就返回b给a,为假返回c给a,因为b不大于2,所以返回c给a

    【推荐学习:javascript高级教程

    以上是手把手带你了解JavaScript运算符基础的详细内容。更多信息请关注PHP中文网其他相关文章!

    声明:
    本文转载于:csdn.net。如有侵权,请联系admin@php.cn删除