JavaScript基础--超详细(运算符)

Posted cjh_code

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础--超详细(运算符)相关的知识,希望对你有一定的参考价值。

目录

2.1运算符

2.1.1 算数运算符

2.1.2 递增、递减运算符

2.1.3 比较运算符

2.1.4 逻辑运算符


JavaScript基础--超详细(概念-变量)_m0_48651355的博客-CSDN博客

2.1运算符

2.1.1 算数运算符

  • 概念:就是进行加减乘除,取余计算的运算符
  • 运算符:+,-,*,/,%(取余数的运算)

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

2.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
//前置-- 是先做自减再做其他运算

2.1.3 比较运算符

运算符:>  ,  <   ,  >=   , <=,  == ,  !=,  ===,  !==

注意:越小先执行

  • >  ,  <   ,  >=   , <=  优先级是6
  • == ,  !=,  ===,  !==  优先级是7
  • ==:判断两边的数据中的值是否相等(不同数据类型时会转为相同数据类型转换18=='18' // true)
  • ===:两遍的数据中的值,数据的类型是否相同(18==='18' // false)

2.1.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)

 三元运算符:?:

可以把它理解为 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基础--超详细(流程控制)_m0_48651355的博客-CSDN博客

以上是关于JavaScript基础--超详细(运算符)的主要内容,如果未能解决你的问题,请参考以下文章

8张JS 基础思维图,超详细!

超详细的 Python 基础语句总结(多实例视频讲解持续更新)

超详细博客入门编写教程

大数据分析-零基础学Tableau+超详细讲解+示例练习

超详细轮播图,让你彻底明白轮播图!

2022版完整版web前端学习路线图(超详细自学路线)