史上最详细JavaScript的运算符解析(一)

简介: 史上最详细JavaScript的运算符解析(一)今天,我们来讲一下JavaScript的运算符这一部分知识点。说到运算符,其实我们在上学期间已经接触到过不少,比如说+ - × ÷,=,还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中,运算符可以分为四大类: 赋值运算符 算数运算符 比较运算符 逻辑运算符1.赋值运算符赋值运算符只有一个,那就是 = 。最常见的是给变量赋值。 var a=10; var b=20; 1 22.算术运算符算术运算符主要包含我们最常见的

史上最详细JavaScript的运算符解析(一)




今天,我们来讲一下JavaScript的运算符这一部分知识点。说到运算符,其实我们在上学期间已经接触到过不少,比如说+ - × ÷,=,还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中,运算符可以分为四大类:


   赋值运算符


   算数运算符


   比较运算符


   逻辑运算符


1.赋值运算符


赋值运算符只有一个,那就是 = 。最常见的是给变量赋值。


vara=10;
varb=20;


2.算术运算符


算术运算符主要包含我们最常见的 + - × ÷ ,当然还有一个 % ,取模,也就是数学里边的取余。


console.log(a+b);//30console.log(a-b);//-10console.log(a*b);//200console.log(a/b);//0.5console.log(a%b);//10  相当于是 10/20=0···10  余数为10

3.比较运算符


比较运算符主要我们最常见的 > < >= <= ,除此之外还有 == ,!= , === , !== ,当然比较运算符主要是用来做判断的条件。


console.log(a>b);//falseconsole.log(10<5);//falseconsole.log(a>=b);//falseconsole.log(a<=b);//true


接下来主要说一下 == , != , === , !==

varnum=10;
varnum2=20;
varstr="10"; 
console.log(a==b);//false   ==  判断   符号两边的 值 是否相等console.log(num==str);//true   console.log(a!=b);//true   console.log(num===str);//fasle  绝对等于   符号两边的值和数据类型都相同console.log(num!==num2);//true   不绝对等于   符号两边的值 或 数据类型不相同console.log(num!==str);//trueconsole.log(num2!==str);//true

总结一下比较运算符,= 为赋值,== 为比较,比较 == 符号两边的值是否相等,同 时== 和!= 为相互取反,即!=表示符号两边的值不相等时返回true。===为绝对等于,即判断符号两边的值和数据同时相同才会返回true,!==与 ===相互取反,即不绝对等于,只有当符号左右两边的值和数据都想同时才会返回false,其他情况都返回true。


4.逻辑运算符


最后我们再来说一下逻辑运算符,说到逻辑运算符,即高中物理课本所学到的与或非,在JavaScript中用 && || !来表示。


console.log(a>5&&b>20&&num>10);//false   所有条件都成立时返回trueconsole.log(a>5||b>20);//true      条件之一成立返回trueconsole.log(!(a>5&&b>20&&num>10));//true   console.log(!(a>5||b>20));//falseconsole.log(!(!true));


此处主要强调一下 !,这里的!主要是表达取反的意思,即当判断为true时,前面加上!则变为false。


视频讲解链接:

https://www.bilibili.com/video/BV1yV411k7tC/

相关文章
|
11天前
|
Java
Java程序设计基础——条件运算符的深入解析
Java程序设计基础——条件运算符的深入解析
|
17天前
|
JSON 前端开发 JavaScript
【JavaScript技术专栏】JavaScript异步编程:Promise、async/await解析
【4月更文挑战第30天】JavaScript中的异步编程通过Promise和async/await来解决回调地狱问题。Promise代表可能完成或拒绝的异步操作,有pending、fulfilled和rejected三种状态。它支持链式调用和Promise.all()、Promise.race()等方法。async/await是ES8引入的语法糖,允许异步代码以同步风格编写,提高可读性和可维护性。两者结合使用能更高效地处理非阻塞操作。
|
17天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
8天前
|
程序员 编译器 C语言
C语言运算符深入解析
C语言运算符深入解析
|
12天前
|
前端开发 JavaScript
前端 JS 经典:双等号运算符的运算和转换规则
前端 JS 经典:双等号运算符的运算和转换规则
19 0
|
17天前
|
JavaScript 前端开发
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
11 1
|
17天前
|
SQL 缓存 JavaScript
深入解析JavaScript中的模板字符串
深入解析JavaScript中的模板字符串
17 1
|
17天前
|
JavaScript
js的一些运算符规则
js的一些运算符规则
14 1
|
17天前
|
JavaScript
js的比较运算符
js的比较运算符
15 1
|
17天前
|
JavaScript 前端开发
js的运算符
js的运算符
16 2

推荐镜像

更多