首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2021-10-12 10:29:35
转载
1349 人浏览过

本篇文章带大家了解一下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高级教程

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

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板