js上 六、运算符-2
6.1.关系运算符
用来进行比较的。比较的结果通常是布尔值真和假。
ü ==:相等,只比较值是否相等
ü ===:全等,比较值的同时比较数据类型是否相等
ü !=:不相等,比较值是否不相等
ü !==:不全等,比较值的同时比较数据类型是否不相等
ü 返回值:boolean型
相等运算符,使用两个=表示。
要判断的是两个变量的值,是否相等,如果相等,返回真,否则返回假。
在使用==的时候,是不要考虑类型的,只要两个变量的值是相等,结果就相等。
如果我的需求是,既要保证值相等,还要保证变量的类型也是相等的,js为我们提供了一个绝对等于的运算符 ===
注意:
=、==和===之间的区别。
=表示赋值,==表示判断值是否相等,===表示判断绝对相等(值和类型)。
**! ** **= ** 和!==
!=是==的反操作,!==是===的反操作
在实际开发的时候,==、===和!=使用比较多。!==使用比较少。
>, >=, <, <=
和数学中的比较是一样的。
关系运算符的转换规则:
1) 全等运算符的规则:比较值同时比较类型
2) > < >= <= == !=
2-1、 一般情况下,进行比较时,都隐式转为number,然后进行比较;
2-2、 在相等运算符里,如果一端是null和undefined,不转换,直接比较。
即 null只有和undfined进行相等比较时为true,和其他任意内容进行比较都为false;
2-3、 比较运算符两端都是字符串时;按照字符串的方式进行比较
#6.2.逻辑运算符
在js中, 有如下三个逻辑运算符:
ü && 与
ü || 或
ü ! 非,取反
ü 假值:0 ,NaN,“”,null,undefined
#a.&&
逻辑与操作,表示并且的意思,AND,表示只有当两个或多个条件都同时满足的情况下,结果才为真。
以两个变量的操作为例,进行说明
运算规则如下:
表达式1 | 表达式2 | 结果 |
---|---|---|
true | true | true |
true | false | false |
false | true | false |
false | false | false |
总结:
逻辑与找假值;遇到第一个假值就停下来,返回这个假的值;如果没有假值,则返回最后一个值;
#b.||
逻辑或,或者的意思,or。
对于多个条件,只要有一个满足条件,结果就为真,只有所有的条件都为假的时候,结果才为假。
以两个操作数为例进行说明
规则如下:
表达式1 | 表达式2 | 结果 |
---|---|---|
true | true | true |
true | false | true |
false | true | true |
false | false | false |
总结:
逻辑或找真值,如果遇到第一个真值,就将这个值返回,如果没有找到真值,返回最后一个;
#c.!
逻辑非,取反操作,not
!是一个一元运算符(单目),只有一个操作数。
规则如下:
表达式 | 结果 |
---|---|
true | false |
false | true |
一元运算符的优先级要比二元和三元的都要高。
说明:
运算符规则:先将值隐式转为布尔类型,再取反;
返回值:返回值一定是布尔类型
关于短路运算的说明:
在&&和||运算时,如果第一个表达式的值就已经能够确定整个运算的结果,那么第二个表达式将不会执行。(类比于日常生活中的比赛,5局三胜,已经胜了三局,后面的比赛将不再进行)。
#6.3.三元运算符
在js中,有且仅有一个三元运算符,就是?:
格式:表达式1 ?表达式2:表达式3
运算规则:如果表达式1的值为真,那么结果就是表达式2,否则结果就是表达式3。
三元运算符,能够简化我们的代码,实际上相当于if...else语句。
?:的优先级比较低。
#作业
**v ** ar result = "hello" && 88 && null;
console.log(result); //
var result = 0 || 55 === '55' || 'hello';
console.log(result); //
console.log(!null) //
console.log("hello" || null && 3 - 3);
console.log(!null || undefined && !3 - '0');
console.log(6 - 6 || 4 > 2 && 3 * 2);
var a = 3,
b = "3",
c = 6,
d = a === b || (b < c && c > a);
console.log(d)
var a = "js",
b, c = !!a && !b;
console.log(c)
var x = "5",
y = 5,
z = "hello",
s = x == y && z;
console.log(s)
console.log(5 > "3")
console.log(5 <= undefined)
console.log(false > 4)
console.log(null <= "0")
console.log("21" < "4")
console.log("21" < "12")
console.log("24" < "26")
console.log("a" > "Z") a 97 b98 A 65 B 66
console.log("abc" < "bcd")
console.log(4 == 5)
console.log("4" == 4)
console.log("abc" == "ABC")
console.log(false == 0)
console.log(true == "true")
console.log(null == 0) //false
console.log(false == null)
console.log(null == undefined)
console.log(null == "")
console.log("" == 0)
console.log("4" === 4)
console.log(null === undefined)
console.log(null !== undefined) true
console.log(null == undefined)
console.log(null != undefined) false
#小结:
1.=== 、!== 再进行比较时,不转换直接比较
2.> 、<、>=、<= 、== 、!= 一般情况下转number再比较,注意特殊情况null在相等比较时,null==undefined为true;与其他任意值相等比较都为false
\3. && 与找真 ; || 或找假, ! 非先转布尔再取返
4.条件? 表达式1 : 表达式2; 条件为真时执行表达式1,为假执行表达式2
js上 六、运算符-2的更多相关文章
- js上 五、运算符-1
5.1.认识运算符 什么是运算符? 运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算. 运算符的应用: 购物车:计算总价,数量: **Js ** 中有哪些运算符? 算术运算符.赋值运算符 ...
- 前端(十一)—— JavaScript基础:JS存在的位置、JS变量定义、调试方式、JS数据类型、运算符
JS存在的位置.JS变量定义.调试方式.JS数据类型.运算符 一.JS语言介绍 1.概念 浏览器脚本语言 可以编写运行在浏览器上的代码程序 属于解释性.弱语言类型编程语言 2.组成 ES语法:ECMA ...
- js 与或运算符 || && 妙用
js 与或运算符 || && 妙用,可用于精简代码,降低程序的可读性. 首先出个题: 如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头: 成长速度为10显示2个箭头: ...
- js中的运算符和条件语句
js中的运算符大体上可以分为4类:1算术运算符.2一元操作符.3比较运算符.4逻辑运算符. 算术运算符一般指的是加减乘除求余这五种操作符:+,-,*,/,%.通过算术运算符可以对js中的变量进行操作. ...
- JavaScript 基础——使用js的三种方式,js中的变量,js中的输出语句,js中的运算符;js中的分支结构
JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...
- JS中的运算符和JS中的分支结构
JS中的运算符 1.算术运算(单目运算符) + .-.*. /. %取余.++自增 .--自减 +:两种作用,链接字符串/加法运算.当+两边全为数字时,进行加法运算:当+两边有任意一边为字符串时,起链 ...
- 让你彻底搞懂JS中复杂运算符==
让你彻底搞懂JS中复杂运算符== 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读了ECMA ...
- JS基础_运算符的优先级
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 使用ajaxfileupload.js上传文件
一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...
随机推荐
- Camtasia中对录制视频进行编辑——行为
小视频的逐渐兴起,让我们的生活变得多姿多彩,同时,也造就了一批新媒体的创业者还有越来越多的网红,这不禁使我们也想加入他们的行列.但是问题来了,拍摄视频后最重要的是对视频进行剪辑,没有一款经济适用的软件 ...
- Sonar检测Math.abs(new Random().nextInt()) “Use the original value instead”
今天早上旁边同事喊我看一个Sonar检测出的问题: 当时看了好几眼没觉得这个有太大问题,于是又看了下Sonar建议: 这是说Math.abs()方法使用在数字上面可能返回最小值,觉得这个挺有意思的,于 ...
- symfony框架学习
http://mozilla.com.cn/thread-52722-1-1.html安装网页翻译插件 symfony2是基于php的web框架 http://www.chrisyue.com/sym ...
- xcode6新建pch文件过程
h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: 0 } body { font-family: "Helvetica ...
- Python基础整理,懒得分类了,大家对付看看吧
第一次搞这么多图
- nginx proxy_pass参数配置带不带‘/’
1. proxy_pass 配置的url后面,不加'/',那么重定向后,追加location后的路径.比如server_name: 10.9.11.225location /proxy1/{proxy ...
- 洛谷 P1284 三角形牧场 题解(背包+海伦公式)
题目链接 题目大意 给你 n块木板(n<=40),每块木板长度为\(l[i]<=40\) 每块木板都要用,求最大的三角形面积×100,答案直接舍去小数 题目思路 首先如果已知三条边的长度可 ...
- C语言常用的一些转换工具函数!
1.字符串转十六进制 代码实现: 2.十六进制转字符串 代码实现: 或者 效果:十六进制:0x13 0xAA 0x02转为字符串:"13AAA2" 3.字符串转十进制 代码实现: ...
- 网络篇:朋友面试之TCP/IP,回去等通知吧
前言 最近和一同学聊天,他想换工作,然后去面了一家大厂.当时,他在简历上写着精通TCP/IP,本着对TCP协议稍有了解,面试官也不会深问的想法,就写了精通二字.没想到,大意了 关注公众号,一起交流,微 ...
- 【jvm】MinorGC和FullGC
新生代GC(Minor GC)指发生在新生代的垃圾收集动作,因为java对象大多都具备朝生夕灭的特性,所以Minor GC非常频繁,一般回收速度也比较快. 老年代GC(MajorGC/Full GC) ...