&&与  ||或   !非
     如果对一个值进行两次取反，它不会变化
     如果对一个非布尔值进行取反，则会将其转换为布尔值，再取反
     所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型
     可以为任意一个数据类型进行两次取反，来将其转换为布尔值
     原理和Boolean()函数一样
     {}是一个不完全空的对象，因为他的原型链上还有Object呢，而null就是完全空的对象，啥也没有，原型链也没有，所以null instanceof Object === false;
　　[ ] 就更不用说了，它的原型链上还比{}多一个Array。
     所以，纯粹意义上初始化一个空对象应该用null，{}更像是初始化对象，和new一个没有key的Obejct是一样的。
     还有就是空数组转换成布尔类型返回的是true：
     因为数组(不管是不是空的)属于对象类型，对象类型转为boolean类型(内部对应)时都是true。所以判断数组一般使用的是判断数组的长度。
    */
源码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>JS基础6--逻辑运算符</title>
  9. </head>
  10. <script>
  11.     /*
  12.     &&与  ||或 !非
  13.      如果对一个值进行两次取反，它不会变化
  14.      如果对一个非布尔值进行取反，则会将其转换为布尔值，再取反
  15.      所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型
  16.      可以为任意一个数据类型进行两次取反，来将其转换为布尔值
  17.      原理和Boolean()函数一样
  18.      {}是一个不完全空的对象，因为他的原型链上还有Object呢，而null就是完全空的对象，啥也没有，原型链也没有，所以null instanceof Object === false;[]就更不用说了，它的原型链上还比{}多一个Array。
  19.      所以，纯粹意义上初始化一个空对象应该用null，{}更像是初始化对象，和new一个没有key的Obejct是一样的。
  20.  
  21.      还有就是空数组转换成布尔类型返回的是true：
  22.  
  23.      因为数组(不管是不是空的)属于对象类型，对象类型转为boolean类型(内部对应)时都是true。所以判断数组一般使用的是判断数组的长度。
  24.     */
  25.     var a = false
  26.     a = !a
  27.     console.log('a=' + a)//true
  28.     var b = 'false'
  29.     b = !!b
  30.     console.log('b=' + b)//非空字符串转换成布尔值为true
  31.     var c = ''
  32.     c = !!c
  33.     console.log('c=' + c)//空字符串转换成布尔值为false
  34.     var d = undefined
  35.     d = !!d
  36.     console.log('d=' + d)//undefined转换成布尔值为false
  37.     var e = null
  38.     e = !!e
  39.     console.log('e=' + e)//null转换成布尔值为false
  40.     var f = {}
  41.        f =!!f
  42.     console.log(' f =' + f)//{}换成布尔值为true
  43.     var g = []
  44.     g = !!g
  45.     console.log(' g =' + g)//[]换成布尔值为true
  46. </script>
  47.  
  48. </html>

JS基础6--逻辑运算符的更多相关文章

  1. JS基础_逻辑运算符

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

  2. js基础——运算符

    爱创课堂前端培训--js基础 运算符一.运算符 运算符(Operators,也翻译为操作符),是发起运算的最简单形式.分类:(运算符的分类仁者见智,本课程进行一下分类.)数学运算符(Arithmeti ...

  3. 1、js基础内容

    js基础内容 1. 编辑器 编译环境 浏览器 编辑软件 sublime DW H5Build Atom ==[注]尽可能多的去使用编辑器去编辑代码.== Html+css ==JS 逻辑== 比作建设 ...

  4. NodeJs>------->>第三章：Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  5. JS基础复习

      js基础语法     Netcape        js基础语法规范(ECMAScript1,2,3,3.1,5(IE9),6   ES    ES6=es2015) DOM BOM       ...

  6. 前端05 /js基础

    前端05 /js基础 昨日内容回顾 css选择器的优先级 行内(1000) > id(100) > 类(10) > 标签(1) > 继承(0) 颜色 rgb(255,255,2 ...

  7. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  8. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  9. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  10. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

随机推荐

  1. Java中jdk安装与环境变量配置

    Java中jdk安装与环境变量配置 提示:下面是jdk1.7和jdk1.8的百度网盘链接 链接:https://pan.baidu.com/s/1SuHf4KlwpiG1zrf1LLAERQ 提取码: ...

  2. oracle查询出现科学计数法问题

  3. Input的校验表达式

    1.只是不能输入空格 <input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'' ...

  4. VUE(uni-app)+SSM 微信小程序

    环境 jdk:1.8.0_181 tomcat:7.0.100 mysql:8.0.25 工具 ideaIU+Hbuilder 遇到的问题 1.需要跳转到注册在tobar中页面时,需使用 uni.sw ...

  5. Ubu18开机自启动

    Ubu开机自启动 简单示例 在/etc/init.d/目录下新建启动脚本Test #!/bin/bash ### BEGIN INIT INFO # Provides: Test # Required ...

  6. 记一次MySql重置root密码无效

    说起这个事情吧也相对来说比较尴尬,对于一个技术来说忘记密码然后找回密码都是相当简单的一个事情,但是在生产环境中没有保存记录只能是自己的失职,尴尬就尴尬在明明重置成功了却没有生效,弄得好几个工程师在哪里 ...

  7. zabbix监控SSL证书有效期

    想给公司网站加上证书的监控,发现agent无此监控项.科普之后发现需要自行添加脚本以及一些操作. 环境信息 系统版本: Ubuntu20.04 zabbix server版本:5.4 (这个自定义貌似 ...

  8. php进制转换

    前端html页面代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  9. 五分钟配置 MinGW-W64 编译工具

    编译器是一个诸如 C 语言撰写的源程序一步一步走向机器世界彼岸的桥梁. Gnu 项目的 GCC 编译器是常用的编译器之一.儿在Windows 上也有 MinGW 这样可用的套件,可以让我们使用 GCC ...

  10. golang bufio解析

    golang bufio 当进行频繁地对少量数据读写时会占用IO,造成性能问题.golang的bufio库使用缓存来一次性进行大块数据的读写,以此降低IO系统调用,提升性能. 在Transport中可 ...