JS数据类型判断

·  阅读 99

typeof

typeof运算符把类型信息当做字符串返回

  • 对于原始值类型(除了null)都可以正确判断
  • 对于对象(除了函数)都显示为object

原始值类型:number string boolean symbol(es6) bigint(es6) undefined null

引用类型:对象(Object)、数组(Array)、函数(Function)

//值类型判断
typeof 123 //number

typeof 'str' //string

typeof true //boolean

typeof undefined //undefined

typeof null //object

//引用类型判断
typeof function fn() { } //function

typeof { name: "age" } //object
复制代码

**注意:**虽然typeof null的结果是object,但是null并不是对象,这是JS一个存在历史悠久的bug,在JS最初版本使用的是32位系统,为了考虑性能等原因,JS使用低位存储变量信息,000开头表示object,而null表示为全零,所以null被错误的判定为object。

instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链

  • 通过原型链进行判断,只要在其原型链上,就会返回true
[] instanceof Array // true
{} instanceof Object // true
123 instanceof Array //false
复制代码
  • 可以通过Symbol.hasInstance重定义instanceof的行为,所以instanceof的结果并不一定准确。
class String{
  static [Symbol.hasInstance](str){
      return typeof str ==='string'
  }
}
console.log('sss' instanceof String) //true
复制代码

Objct.prototype.toString.call()

Object.prototype.toString方法返回对象的类型字符串。

在介绍Object.prototype.toString.call()方法之前我们先看看toString()方法和Object.prototype.toString.call()方法对比

Object.toString()和Object.prototype.toString()的区别

let obj = {}

Object.toString(obj) //function Object() { [native code] }

//通过call指定obj为Object.prototype对象中的toString方法的上下文
Object.prototype.toString.call(obj)  //[object Object]
复制代码
  • Object.toString()是Object构造函数上的方法,返回的是对应的函数
  • Object.prototype.toString()是Object原型对象上的方法,返回的是代表该对象的字符串

不懂原型的可以看这篇文章github.com/mqyqingfeng…

为什么Array,String,Number等等不能直接调用toString?

因为在Array,String,Number等都重写了toString,直接调用的话就是调用自身的原型对象上的toString()方法了。

//toString()返回对应数值的字符串表达
var age = 15;
age.toString();//'15'

//toString()返回布尔值的字符串表达
var bool = false;
bool.toString() //'false'
复制代码

Object.prototype.toString()是Object原型对象上的方法,返回的是代表该对象的字符串,因此可以用来判断一个值的类型。

Object.prototype.toString()判断数据类型

//判断基本类型
console.log(Object.prototype.toString.call(2))         // "[object Number]"
console.log(Object.prototype.toString.call(''))        // "[object String]"
console.log(Object.prototype.toString.call(true))      // "[object Boolean]"
console.log(Object.prototype.toString.call(undefined)) // "[object Undefined]"
console.log(Object.prototype.toString.call(null))      // "[object Null]"
//判断引用类型
console.log(Object.prototype.toString.call(Math))      // "[object Math]"
console.log(Object.prototype.toString.call({}))        // "[object Object]"
console.log(Object.prototype.toString.call([]))        // "[object Array]"
复制代码

通用的类型判断

function type (o){
  var s = Object.prototype.toString.call(o);
  
  //match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。返回存放匹配结果的数组
  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"

复制代码

参考文章:

浅析 Object.prototype.toString()

判断数据类型的方案

如果有问题,评论区多多指教哦

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改