个人技术分享

js判断数据类型时,如果我们需要对object类型,日期的Date,正则表达式RegExp,函数Function之类的数据也进行类型判断的话,常见的typeOf与instanceof 组合的方法就会显得有点力不从心,及其麻烦。

最近,我发现了一个好方法,Object.prototype.toString

Object.prototype.toString.call(42);  // 返回 "[object Number]"
Object.prototype.toString.call('hello');  // 返回 "[object String]"
Object.prototype.toString.call(true);  // 返回 "[object Boolean]"
Object.prototype.toString.call({});  // 返回 "[object Object]"
Object.prototype.toString.call(function(){});  // 返回 "[object Function]"
Object.prototype.toString.call(undefined);  // 返回 "[object Undefined]"
Object.prototype.toString.call(undefined);  // 返回 "[object Undefined]"
Object.prototype.toString.call(new Date())  //返回 "[object Date]"
Object.prototype.toString.call(/[0-9a-zA-Z]+/g)  //返回 "[object RegExp]"

封装一下

// 封装函数,用于判断数据类型
function getType(obj) {
  return Object.prototype.toString.call(obj).slice(8, -1);
}
 
// 测试代码
console.log(getType({})); // "Object"
console.log(getType([])); // "Array"
console.log(getType(new Date())); // "Date"
console.log(getType(null)); // "Null"
console.log(getType(undefined)); // "Undefined"
console.log(getType(/abc/)); // "RegExp"
console.log(getType(new Map())); // "Map"
console.log(getType(Symbol('sym'))); // "Symbol"
// ...可以根据需要测试更多数据类型

记录一下