<!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. PHP中的src32

    crc32() 函数计算一个字符串的 crc32 多项式. 该函数可用于验证数据的完整性. 语法 crc32(str 参数 描述 string 必需.规定要计算的字符串. 说明 生成 string 参 ...

  2. javascript对象属性和数组的访问

    javascript对象属性的访问 假如有对象test:var test = {  "a":1,  "b":2};直接访问对象test的属性a的值,有两种方法: ...

  3. 前端js数据加密解密

    一.最简单的加密解密   函数escape()和unescape(); 二.base64加密 (1)introduction base64是网络上最常见的用于传输8bit字节码的编码方式之一,base ...

  4. display:flex 布局详解（2）

    1.  flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现 HTML代码: <div class=" ...

  5. 一百二十四：CMS系统之首页导航条和代码抽离

    模板抽离 由于前后台的模板有些需要的元素如,js,css是相同的,这里抽离出来做base模板 {% from "common/_macros.html" import static ...

  6. Markov logic network

    A Markov logic network (or MLN) is a probabilistic logic which applies the ideas of a Markov network ...

  7. .Netcore 2.0 Ocelot Api网关教程（5）- 认证和授权

    本文介绍Ocelot中的认证和授权(通过IdentityServer4),本文只使用最简单的IdentityServer,不会对IdentityServer4进行过多讲解. 1.Identity Se ...

  8. Tensorflow 用训练好的模型预测

    本节涉及点: 从命令行参数读取需要预测的数据 从文件中读取数据进行预测 从任意字符串中读取数据进行预测 一.从命令行参数读取需要预测的数据 训练神经网络是让神经网络具备可用性,真正使用神经网络时,需要 ...

  9. python-Web-django-后台

    url: # member 处理 re_path('member/list/', member.list, name='member/list/'), re_path('member/list_par ...

  10. Nmap之用法

    简介 Nmap是一款开源免费的网络发现(Network Discovery)和安全审计(Security Auditing)工具.软件名字Nmap是Network Mapper的简称. 功能架构图 N ...