<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              * 相等运算符用来比较两个值是否相等，

              *     如果相等会返回true，否则返回false

              *

              * 使用 == 来做相等运算

              *     - 当使用==来比较两个值时，如果值的类型不同，

              *         则会自动进行类型转换，将其转换为相同的类型，然后再比较

              *

              * 不相等

              *      不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false

              *     - 使用 != 来做不相等运算

              *     - 不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

              *

              *

              *  ===

              *         全等

              *         - 用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换

              *             如果两个值的类型不同，直接返回false

              *     !==

              *         不全等

              *         - 用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换

              *             如果两个值的类型不同，直接返回true

              */

             console.log(1 == 1); //true

             var a = 10;

             console.log(a == 4); //false

             //自动进行类型转换，将其转换为相同的类型，然后再比较

             console.log("1" == 1); //true

             //大部分情况会转成number类型

             console.log(true == "1"); //true

             //没转成number类型

             console.log(null == 0); //false

             /*

              * undefined 衍生自 null

              *     所以这两个值做相等判断时，会返回true

              */

             console.log(undefined == null); //true

             /*

              * NaN不和任何值相等，包括他本身

              */

             console.log(NaN == NaN); //false

             var b = NaN;

             //判断b的值是否是NaN，那没法判断b是不是NaN？我们可以用isNaN()函数

             console.log(b == NaN); //false

             /*

              * 可以通过isNaN()函数来判断一个值是否是NaN

              *     如果该值是NaN则返回true，否则返回false

              */

             console.log(isNaN(b));//true

             //----------------------------------------------------------------------

             //如果不相等返回true，否则返回false

             console.log(10 != 5);  //true

             console.log(10 != 10); //false

             console.log("abcd" != "abcd"); //false

             //不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

             console.log("1" != 1); //false

             //----------------------------------------------------------------------

             //不会做自动的类型转换，如果两个值的类型不同，直接返回false

             console.log("123" === 123); //false

             console.log(null === undefined); //false

             //不会做自动的类型转换，如果两个值的类型不同，直接返回true

             console.log(1 !== "1"); //true

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_相等运算符的更多相关文章

  1. JS基础_关系运算符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础_算数运算符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. JS基础6--逻辑运算符

     &&与  ||或   !非      如果对一个值进行两次取反,它不会变化      如果对一个非布尔值进行取反,则会将其转换为布尔值,再取反      所以我们可以利用该特点.来将 ...

  4. JS基础_运算符的优先级

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. JavaScript基础一（js基础函数与运算符）

    [使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</butto ...

  6. JS基础_属性名和属性值

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. JS基础_数据类型-Number类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. (转)ON DUPLICATE KEY UPDATE --mysql的一个有趣语法

    转自:http://my.oschina.net/iceman/blog/53735?fromerr=3kAEPcQr 如果在INSERT语句末尾指定了ON DUPLICATE KEY UPDATE, ...

  2. cache magic对pms模块的cache访问模式分析结果

    其中43.184的命中率只有不到70%,是要分析的对象:3.189是命中率98%左右,是做参考的对象. 基本统计:可以知道43.184的update和delete操作占总操作的比例要比3.189打不少 ...

  3. Flume-Spooling Directory Source 监控目录下多个新文件

    使用 Flume 监听整个目录的文件,并上传至 HDFS. 一.创建配置文件 flume-dir-hdfs.conf https://flume.apache.org/FlumeUserGuide.h ...

  4. js回调函数(callback)（转载）

    学习jquery时,对回调函数感觉很困惑,在晚上找了半天,忽然发现这篇文章很浅显,基本说明了问题.故转载 原文: 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速go ...

  5. 禁用显示GC 会有什么问题？-XX:+DisableExplicitGC

    -XX:+DisableExplicitGC

  6. Rancher Server部署方式及Rancher HA环境部署

    类似Rancher这种的容器管理和编排工具,它可以很快地让每个组织获得高效的弹性集群管理能力.当前技术世界的发展形势就是让开发人员从繁琐的应用配置和管理中解放出来,使用容器镜像来处理复杂的程序运行依赖 ...

  7. php+UEditor粘贴word

    最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能. 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的.目前还没有固定哪一个编辑器 有时候用的是UEditor ...

  8. Swift的if let和guard let的使用 <一看就懂哟>

    // // ViewController.swift // 可选项的判断 // // Created by 思 彭 on 16/9/16. // Copyright © 2016年 思 彭. All ...

  9. svn本地文件颜色详解

    1.红色感叹号表示这个文件从服务器上下载下来以后,在本地被修改过.这时执行提交操作就可以了.2.黄色感叹号表示这个文件在提交的时候发现存在冲突,也就是说有别人在你提交之前对这个文件的同一个版本进行了修 ...

  10. list-style-type:none是加在ul还是li中呢？

    很多时候我们都需要多对列表元素进行初始化,方法是给列表元素添加list-style-type: none,但作为小白的我是经常纠结一个问题:是把它加在ul中还是li中呢 我试了一下,加在ul和li都能 ...