手把手带你了解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 比较运算符

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

注意:越小先执行

  • > , < , >= , <= 优先级是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高级教程

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...