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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>JS基础6--逻辑运算符</title>

</head>

<script>

    /*

    &&与  ||或 !非

     如果对一个值进行两次取反，它不会变化

     如果对一个非布尔值进行取反，则会将其转换为布尔值，再取反

     所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型

     可以为任意一个数据类型进行两次取反，来将其转换为布尔值

     原理和Boolean()函数一样

     {}是一个不完全空的对象，因为他的原型链上还有Object呢，而null就是完全空的对象，啥也没有，原型链也没有，所以null instanceof Object === false;[]就更不用说了，它的原型链上还比{}多一个Array。

     所以，纯粹意义上初始化一个空对象应该用null，{}更像是初始化对象，和new一个没有key的Obejct是一样的。

     还有就是空数组转换成布尔类型返回的是true：

     因为数组(不管是不是空的)属于对象类型，对象类型转为boolean类型(内部对应)时都是true。所以判断数组一般使用的是判断数组的长度。

    */

    var a = false

    a = !a

    console.log('a=' + a)//true

    var b = 'false'

    b = !!b

    console.log('b=' + b)//非空字符串转换成布尔值为true

    var c = ''

    c = !!c

    console.log('c=' + c)//空字符串转换成布尔值为false

    var d = undefined

    d = !!d

    console.log('d=' + d)//undefined转换成布尔值为false

    var e = null

    e = !!e

    console.log('e=' + e)//null转换成布尔值为false

    var f = {}

       f =!!f

    console.log(' f =' + f)//{}换成布尔值为true

    var g = []

    g = !!g

    console.log(' g =' + g)//[]换成布尔值为true

</script>

</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. Shiro 安全框架详解一（概念+登录案例实现）

    shiro 安全框架详细教程 总结内容 一.RBAC 的概念 二.两种常用的权限管理框架 1. Apache Shiro 2. Spring Security 3. Shiro 和 Spring Se ...

  2. LINUX执行shutdown.sh提示：-bash: ./startup.sh: Permission denied

    在执行./startup.sh,或者./shutdown.sh的时候,爆出了Permission denied, 其实很简单,就是今天在执行tomcat的时候,用户没有权限,而导致无法执行, 用命令c ...

  3. Java安全之Commons Collections6分析

    Java安全之Commons Collections6分析 0x00 前言 其实在分析的几条链中都大致相同,都是基于前面一些链的变形,在本文的CC6链中,就和前面的有点小小的区别.在CC6链中也和CC ...

  4. Mybatis映射文件动态SQL语句-01

    因为在很多业务逻辑复杂的项目中,往往不是简单的sql语句就能查询出来自己想要的数据,所有mybatis引入了动态sql语句, UserMapper.xml <?xml version=" ...

  5. Ubuntu20.04搭建web服务器

    其他Ubuntu20以及Ubuntu18系列也可以!

  6. Java学习day7

    Java继承不同与c++,格式为: public class 子类名 extends 父类名{ 语句体; } 继承提高了代码的复用性与维护性 在子类方法中访问一个变量时,首先在子类局部范围查找,其次到 ...

  7. 《手把手教你》系列基础篇（八十七）-java+ selenium自动化测试-框架设计基础-Log4j 2实现日志输出-上篇（详解教程）

    1.简介 Apache Log4j 是一个非常古老的日志框架,并且是多年来最受欢迎的日志框架. 它引入了现代日志框架仍在使用的基本概念,如分层日志级别和记录器. 2015 年 8 月 5 日,该项目管 ...

  8. 认识 vh 和 vw 单位

    1. 页面 html 结构 <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet conse ...

  9. XCTF练习题---WEB---backup

    XCTF练习题---WEB---backup flag:Cyberpeace{855A1C4B3401294CB6604CCC98BDE334} 解题步骤: 1.观察题目,打开场景 2.打开以后发现是 ...

  10. 团队Arpha3

    队名:观光队 组长博客 作业博客 组员实践情况 王耀鑫 **过去两天完成了哪些任务 ** 文字/口头描述 完成服务器连接数据库部分代码 展示GitHub当日代码/文档签入记录 接下来的计划 服务器网络 ...