&&与  ||或   !非
     如果对一个值进行两次取反，它不会变化
     如果对一个非布尔值进行取反，则会将其转换为布尔值，再取反
     所以我们可以利用该特点。来将一个其他的数据类型转换为布尔类型
     可以为任意一个数据类型进行两次取反，来将其转换为布尔值
     原理和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. leetcode 1962. 移除石子使总数最小

    题目描述: 给你一个整数数组 piles ,数组 下标从 0 开始 ,其中 piles[i] 表示第 i 堆石子中的石子数量.另给你一个整数 k ,请你执行下述操作 恰好 k 次: 选出任一石子堆 p ...

  2. js判断json数据是否存在某字段的方法

    方式一 !("key" in obj) if("name" in json){//json就是数组,name是你要找的值 console.log("有 ...

  3. Django + Taro 前后端分离项目实现企业微信登录

    前言 还是最近在做的一个小项目,后端用的是Django搭配RestFramework做接口,前端第一次尝试用京东开源的Taro框架来做多端(目前需要做用于企业微信的H5端和微信小程序) 本文记录一下企 ...

  4. RPC及Dubbo和ZooKeeper的安装

    RPC及Dubbo和ZooKeeper的安装 RPC 通信有两种方式:HTTP(无状态协议,通信协议),RPC(远程过程调用) 它两的本质没有区别,只是功能有点不一样 官方解释: RPC是指远程过程调 ...

  5. Java学习day19

    今天学习了窗口监听.和鼠标监听 通过构建自己的输入框监听方法能够实现简单的加法计算器 明天学习Swing,做一个简单的基于鼠标点击操作的画板

  6. netty系列之:netty中的核心MessageToMessage编码器

    目录 简介 框架简介 MessageToMessageEncoder MessageToMessageDecoder MessageToMessageCodec 总结 简介 在netty中我们需要传递 ...

  7. petite-vue源码剖析-沙箱模型

    在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性.而evaluate的实现如下: const evalCache ...

  8. Unity实现A*寻路算法学习1.0

    一.A*寻路算法的原理 如果现在地图上存在两点A.B,这里设A为起点,B为目标点(终点) 这里为每一个地图节点定义了三个值 gCost:距离起点的Cost(距离) hCost:距离目标点的Cost(距 ...

  9. 从零开始学YC-Framework之初步

    本文主要内容为如下几个方面? YC-Framework的取名出于什么考虑? YC-Framework的特点有哪些? YC-Framework的模块由哪些组成? 为什么要开发YC-Framework? ...

  10. 建设Kubernetes生产环境的16条建议

    点击上方"开源Linux",选择"设为星标" 回复"学习"获取独家整理的学习资料! Kubernetes是用于构建高度可扩展系统的强大工具. ...