JS-判断js数据类型的几种方式

JavaScript014

JS-判断js数据类型的几种方式,第1张

js的数据类型分为两大类:

基本类型:也称为简单类型,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度, 将其存储在栈中,即按值访问

引用类型:也称为复杂类型,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此, 其值存储在堆中 ,而存储在变量处的值,是一个指针,指向存储对象的内存处,即 按址访问 。引用类型除 Object 外,还包括 Function 、Array、RegExp、Date 等等。

引用类型和基本类型的区别:

1、基本类型按 访问

需要注意的是:

A instanceof B用来判断A是否属于B的实例,返回true或者false。

需要注意的是:

ES5中可以用Array.isArray([])来准确判断数组的实例

当创建变量b时,js会在b的原型上添加constructor属性,指向b的引用

js在创建内置对象时,也是这么做的:

Object对象有tostring方法返回:

而非object对象,则需要call/apply才能正确返回类型,返回格式为字符串类型的 "[object 数据类型xxx]" :

以上几种方式可以在不同场景使用。

检测简单的数据类型的方法

typeof方法用于检测简单的数据类型如typeof 12

instanceof的实例方法检测如[] instanceof Array // true

arr.constructor == Array判断arr的构造函数是否为数组,如果是则arr是数组

Array.isArray([])判断是否是数组

精确判断数据类型Object.prototype.toString.call(arr)

1、typeof 操作符

typeof 目前能返回string,number,boolean,unfined,object,function,symbol,bigint,这八种判断类型。使用方式:typeof(表达式)和typeof 变量名,具体判断如下:

特别注意数组array的typeof 操作符判断

2、instanceof

A instanceof B 可以判断A是不是B的实例,返回一个布尔值,由构造类型判断出数据类型,目前支持数组,对象,date,function类型。

注: instanceof 后面一定要是对象类型,大小写不能写错!!!

亲测: Symbol is not a constructor

3、Object.prototype.toString.call()

通过Object下的toString.call()方法来判断,目前是最为可靠的类型检测手段,它会将当前对象转换为字符串并输出。但它也不是完美的,它无法检测用户自定义类型。 因为Object.prototype是不知道用户会创造什么类型的, 它只能检测ECMA标准中的那些 内置类型

注意, 这里的Object和function判断打印都是[object Object]。使用Object.prototype.toString.call判断Symbol报错。

4、contructor

依据 对象 的contructor判断,返回一个布尔值。

注: ===后面一定要是对象类型,大写且不能写错!!!