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

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
简介: 史上最详细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/

相关文章
|
25天前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
21天前
|
存储 前端开发 JavaScript
JavaScript垃圾回收机制深度解析
【10月更文挑战第21】JavaScript垃圾回收机制深度解析
96 59
|
13天前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
31 0
|
29天前
|
JavaScript 前端开发 开发者
原型链深入解析:JavaScript中的核心机制
【10月更文挑战第13天】原型链深入解析:JavaScript中的核心机制
28 0
|
30天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
89 0
|
30天前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
38 0
|
30天前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
39 0
|
3天前
|
监控 Java 应用服务中间件
高级java面试---spring.factories文件的解析源码API机制
【11月更文挑战第20天】Spring Boot是一个用于快速构建基于Spring框架的应用程序的开源框架。它通过自动配置、起步依赖和内嵌服务器等特性,极大地简化了Spring应用的开发和部署过程。本文将深入探讨Spring Boot的背景历史、业务场景、功能点以及底层原理,并通过Java代码手写模拟Spring Boot的启动过程,特别是spring.factories文件的解析源码API机制。
14 2
|
1月前
|
缓存 Java 程序员
Map - LinkedHashSet&Map源码解析
Map - LinkedHashSet&Map源码解析
66 0
|
1月前
|
算法 Java 容器
Map - HashSet & HashMap 源码解析
Map - HashSet & HashMap 源码解析
52 0

推荐镜像

更多