• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • Boolean 对象

    Boolean对象是 JavaScript 的三个包装对象之一。作为构造函数,它主要用于生成布尔值的包装对象实例。

    var b = new Boolean(true);
    
    typeof b // "object"
    b.valueOf() // true
    

    上面代码的变量b是一个Boolean对象的实例,它的类型是对象,值为布尔值true

    注意,false对应的包装对象实例,布尔运算结果也是true

    if (new Boolean(false)) {
      console.log('true');
    } // true
    
    if (new Boolean(false).valueOf()) {
      console.log('true');
    } // 无输出
    

    上面代码的第一个例子之所以得到true,是因为false对应的包装对象实例是一个对象,进行逻辑运算时,被自动转化成布尔值true(因为所有对象对应的布尔值都是true)。而实例的valueOf方法,则返回实例对应的原始值,本例为false


    Boolean 函数的类型转换作用

    Boolean对象除了可以作为构造函数,还可以单独使用,将任意值转为布尔值。这时Boolean就是一个单纯的工具方法。

    Boolean(undefined) // false
    Boolean(null) // false
    Boolean(0) // false
    Boolean('') // false
    Boolean(NaN) // false
    
    Boolean(1) // true
    Boolean('false') // true
    Boolean([]) // true
    Boolean({}) // true
    Boolean(function () {}) // true
    Boolean(/foo/) // true
    

    上面代码中几种得到true的情况,都值得认真记住。


    顺便提一下,使用双重的否运算符(!!)也可以将任意值转为对应的布尔值。

    !!undefined // false
    !!null // false
    !!0 // false
    !!'' // false
    !!NaN // false
    
    !!1 // true
    !!'false' // true
    !![] // true
    !!{} // true
    !!function(){} // true
    !!/foo/ // true
    


    最后,对于一些特殊值,Boolean对象前面加不加new,会得到完全相反的结果,必须小心。

    if (Boolean(false)) {
      console.log('true');
    } // 无输出
    
    if (new Boolean(false)) {
      console.log('true');
    } // true
    
    if (Boolean(null)) {
      console.log('true');
    } // 无输出
    
    if (new Boolean(null)) {
      console.log('true');
    } // true
    

    上篇:包装对象

    下篇:Number 对象