Boolean 很少用,常见的用法是 Boolean(val),将 val 转为一个 Boolean 值。但是,通常我们会采用等效的简写形式 !!val 来实现同样的效果。至于 val 转为 Boolean 之后的结果,哪些 val 转为 true,哪些 val 转为 false,可以参考 JS 布尔值

重点:

  1. 将 val 转为布尔值:Boolean(val)!!val

js Boolean 对象 - 图1

概述

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

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

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

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

  1. if (new Boolean(false)) {
  2. console.log('true');
  3. } // true
  4. if (new Boolean(false).valueOf()) {
  5. console.log('true');
  6. } // 无输出

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

Boolean 函数的类型转换作用

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

  1. Boolean(undefined) // false
  2. Boolean(null) // false
  3. Boolean(0) // false
  4. Boolean('') // false
  5. Boolean(NaN) // false
  6. Boolean(1) // true
  7. Boolean('false') // true
  8. Boolean([]) // true
  9. Boolean({}) // true
  10. Boolean(function () {}) // true
  11. Boolean(/foo/) // true

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

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

  1. !!undefined // false
  2. !!null // false
  3. !!0 // false
  4. !!'' // false
  5. !!NaN // false
  6. !!1 // true
  7. !!'false' // true
  8. !![] // true
  9. !!{} // true
  10. !!function(){} // true
  11. !!/foo/ // true

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

  1. if (Boolean(false)) {
  2. console.log('true');
  3. } // 无输出
  4. if (new Boolean(false)) {
  5. console.log('true');
  6. } // true
  7. if (Boolean(null)) {
  8. console.log('true');
  9. } // 无输出
  10. if (new Boolean(null)) {
  11. console.log('true');
  12. } // true