这几天在看js文档,有个数据类型判断的办法能够记录一下,不便当前翻阅应用,残缺计划放在了文末。


数据类型

js中有6中数据类型,es6新增了一种。
原始数据类型:Number、String、Boolean、null、undefined;
援用数据类型:Object;
es6新增类型:Symbol。

Object里又能够细分function、object、array、regexp、date等。


用toString()判断数据类型

Object.prototype.toString办法返回对象的类型字符串,因而能够用来判断一个值的类型:

var obj = {};obj.toString() // "[object Object]"

下面代码调用空对象的toString办法,后果返回一个字符串object Object,其中第二个Object示意该值的构造函数。这是一个非常有用的判断数据类型的办法。

因为实例对象可能会自定义toString办法,笼罩掉Object.prototype.toString办法,所以为了失去类型字符串,最好间接应用Object.prototype.toString办法。通过函数的call办法,能够在任意值上调用这个办法,帮忙咱们判断这个值的类型。

Object.prototype.toString.call(value)

下面代码示意对value这个值调用Object.prototype.toString办法。

不同数据类型的Object.prototype.toString办法返回值如下。
数值:返回[object Number]。
字符串:返回[object String]。
布尔值:返回[object Boolean]。
undefined:返回[object Undefined]。
null:返回[object Null]。
symbol:返回[object Symbol]。
数组:返回[object Array]。
函数:返回[object Function]。
Date 对象:返回[object Date]。
RegExp 对象:返回[object RegExp]。
arguments 对象:返回[object Arguments]。
Error 对象:返回[object Error]。
Math 对象:返回[object Math]。
其余对象:返回[object Object]。

Object.prototype.toString.call(2) // "[object Number]"Object.prototype.toString.call('') // "[object String]"Object.prototype.toString.call(true) // "[object Boolean]"Object.prototype.toString.call(undefined) // "[object Undefined]"Object.prototype.toString.call(null) // "[object Null]"Object.prototype.toString.call(Symbol()) // "[object Symbol]"Object.prototype.toString.call([]) // "[object Array]"Object.prototype.toString.call(function(){}) // "[object Function]"Object.prototype.toString.call(new Date()) // "[object Date]"Object.prototype.toString.call(/abc/) // "[object RegExp]"(function(){return (Object.prototype.toString.call(arguments))})() // "[object Arguments]"Object.prototype.toString.call(new Error) // "[object Error]"Object.prototype.toString.call(Math) // "[object Math]"Object.prototype.toString.call({}) // "[object Object]"

利用这个个性,能够写出一个比typeof运算符更精确的类型判断函数。

const type = function (o){  const s = Object.prototype.toString.call(o);  return s.match(/\[object (.*?)\]/)[1].toLowerCase();};type({}); // "object"type([]); // "array"type(5); // "number"type(null); // "null"type(); // "undefined"type(/abcd/); // "regex"type(new Date()); // "date"

残缺办法

const type = (function() {  const obj = {    type_arr: [      "Number",      "String",      "Boolean",      "Undefined",      "Null",      "Symbol",      "Array",      "Function",      "Date",      "RegExp",      "Arguments",      "Error",      "Math",      "Object",    ],    getType: function(o) {      const s = Object.prototype.toString.call(o);      return s.match(/\[object (.*?)\]/)[1].toLowerCase();    }  };  obj.type_arr.forEach(t => {    obj['is' + t] = function (o) {      return obj.getType(o) === t.toLowerCase();    }  });  return obj;})();type.getType(123); // numbertype.isObject({}); // truetype.isNumber(123); // truetype.isRegExp(/abc/); // true
参考:
Object 对象