&&与  ||或   !非
     如果对一个值进行两次取反，它不会变化
     如果对一个非布尔值进行取反，则会将其转换为布尔值，再取反
     所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型
     可以为任意一个数据类型进行两次取反，来将其转换为布尔值
     原理和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. 什么是静态内部（Static Inner）类，语法要注意什么？

    4静态内部类(Static Inner Classes) 马克-to-win:这里的内部类的static,意思是它可以不用实例化外部类,就自己单独被实例化,单独存在(有点像生活中的办公室和办公桌(独立 ...

  2. SQLite实现数据库的储存2+SQLite数据库可视化工具SQLite Stadio

    今日所学 SQLite实现数据库的储存 查看数据库的两种方法 Android 中 SQLite 数据库的查看 - woider - 博客园 SQLite Studio安装教程 [SQLite]可视化工 ...

  3. BootstrapBlazor实战-Tree树形控件使用(1)

    实战BootstrapBlazor树型控件Tree的使用, 以及整合Freesql orm快速制作数据库后台维护页面 demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/Sql ...

  4. Could not autowire. No beans of 'JavaMailSenderImpl' type found

  5. Windows 10搭建FTP服务器

    1 开启FTP服务 控制面板 -> 程序和功能 -> 启用或关闭Windows功能 找到下面选项的勾选 2 添加FTP站点 在开始菜单里面输入 IIS 搜索并打开 IIS管理器 展开左侧菜 ...

  6. SSM实现个人博客-day03

    项目源码免费下载:SSM实现个人博客 有问题请循环vx:kht808 3.相关包与实体类的创建 1.包名与路径如下: 2.实体类的编写 Blog类 public class Blog implemen ...

  7. Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？

    原始数据存储在 DB 中(如 MySQL.Hbase 等),但 DB 的读写性能低.延迟高. 比如 MySQL 在 4 核 8G 上的 TPS = 5000,QPS = 10000 左右,读写平均耗时 ...

  8. eclipse-java-2018-09-win32-x86_64配置tomcat（内含更新eclipse，如何解决添加时找不到最新tomcat版本）

    我下的是eclipse精简版,建议下载企业版,可以省略后面的很多步骤(其中的辛酸...) 这里就是说明下载精简版的eclipse如何配置tomcat的步骤,其实还是更新eclipse的步骤 1.首先点 ...

  9. Java 在Word指定段落/文本位置插入分页符

    在Word插入分页符可以在指定段落后插入,也可以在特定文本位置处插入.本文,将以Java代码来操作以上两种文档分页需求.下面是详细方法及步骤. [程序环境] 在程序中导入jar,如下两种方法: 方法1 ...

  10. 【dp/贪心】CF 780 (Div. 3), problem: (C) Get an Even String

    Problem - C - Codeforces 难度: 1300 input 6 aabbdabdccc zyx aaababbb aabbcc oaoaaaoo bmefbmuyw output ...