我如何检查一个变量的类型是否为布尔类型?

我的意思是,有一些替代方案,比如:

if(jQuery.type(new Boolean()) === jQuery.type(variable))
      //Do something..

但这对我来说不太好。

有没有更清洁的方式来实现这个目标?


当前回答

使用纯JavaScript,你可以简单地使用typeof并做一些类似typeof false或typeof true的事情,它将返回“boolean”…

但这不是唯一的方法,我在下面创建函数来展示你可以在JavaScript中检查布尔值的不同方法,也可以在一些新的框架中使用不同的方法,让我们从这个开始:

function isBoolean(val) {
   return val === false || val === true;
}

或者单行ES6方式…

const isBoolean = val => 'boolean' === typeof val;

叫它像!

isBoolean(false); //return true

同样在下划线源代码中,他们像这样检查它(用_。在函数名的开头):

isBoolean = function(obj) {
   return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
};

在jQuery中,你也可以这样检查它:

jQuery.type(true); //return "boolean"

在React中,如果使用propTypes,你可以检查一个值是否为布尔值,就像这样:

MyComponent.propTypes = {
  children: PropTypes.bool.isRequired
};

如果使用TypeScript,你也可以使用类型布尔:

let isDone: boolean = false;

还有另一种方法,比如将值转换为布尔值,看看它是否仍然完全相同,比如:

const isBoolean = val => !!val === val;

或者像:

const isBoolean = val => Boolean(val) === val;

叫它!

isBoolean(false); //return true

不建议使用任何框架,因为这实际上是JavaScript中的一个简单检查。

其他回答

您可以创建一个函数来检查参数的typeof。

function isBoolean(value) {
  return typeof value === "boolean";
}

如果你想让你的函数也可以验证布尔对象,最有效的解决方案必须是:

function isBoolean(val) {
  return val === false || val === true || val instanceof Boolean;
}

使用纯JavaScript,你可以简单地使用typeof并做一些类似typeof false或typeof true的事情,它将返回“boolean”…

但这不是唯一的方法,我在下面创建函数来展示你可以在JavaScript中检查布尔值的不同方法,也可以在一些新的框架中使用不同的方法,让我们从这个开始:

function isBoolean(val) {
   return val === false || val === true;
}

或者单行ES6方式…

const isBoolean = val => 'boolean' === typeof val;

叫它像!

isBoolean(false); //return true

同样在下划线源代码中,他们像这样检查它(用_。在函数名的开头):

isBoolean = function(obj) {
   return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
};

在jQuery中,你也可以这样检查它:

jQuery.type(true); //return "boolean"

在React中,如果使用propTypes,你可以检查一个值是否为布尔值,就像这样:

MyComponent.propTypes = {
  children: PropTypes.bool.isRequired
};

如果使用TypeScript,你也可以使用类型布尔:

let isDone: boolean = false;

还有另一种方法,比如将值转换为布尔值,看看它是否仍然完全相同,比如:

const isBoolean = val => !!val === val;

或者像:

const isBoolean = val => Boolean(val) === val;

叫它!

isBoolean(false); //return true

不建议使用任何框架,因为这实际上是JavaScript中的一个简单检查。

如果你只是想检查一个原始值

typeof variable === 'boolean'

如果出于某种奇怪的原因,你使用构造函数创建了布尔值,这些布尔值并不是真正的布尔值,而是包含一个基本布尔值的对象,检查基本布尔值和使用new boolean值创建的对象的一种方法是:

function checkBool(bool) {
    return typeof bool === 'boolean' || 
           (typeof bool === 'object' && 
            bool !== null            &&
           typeof bool.valueOf() === 'boolean');
}

function checkBool(bool) { return typeof bool === 'boolean' || (typeof bool === 'object' && bool !== null && typeof bool.valueOf() === 'boolean'); } console.log( checkBool( 'string' )); // false, string console.log( checkBool( {test: 'this'} )); // false, object console.log( checkBool( null )); // false, null console.log( checkBool( undefined )); // false, undefined console.log( checkBool( new Boolean(true) )); // true console.log( checkBool( new Boolean() )); // true console.log( checkBool( true )); // true console.log( checkBool( false )); // true

使用或不使用jQuery,有三种“普通”方法来检查这一点。

首先是强制布尔值,然后检查它是否等于原始值: 函数isBoolean(n) { 返回! !N === N; } 做一个简单的检查: 函数isBoolean(n) { 返回typeof n === 'boolean'; } 在原语上对类包装器进行完全过度且不必要的实例化: 函数isBoolean(n) { 返回n instanceof Boolean; }

第三个函数只有在创建一个新的布尔类并将其传入时才会返回true。

为了详细说明基元强制(如#1所示),所有基元类型都可以这样检查:

布尔: 函数isBoolean(n) { 返回! !N === N; } 数量: 函数isNumber(n) 返回+n === n; } 字符串: 函数isString(n) { 返回" +n === n; }