关于js数据类型的判断

js的基本数据类型有number，String，null,undefined，Boolean，复杂数据类型有Object，包括（Array，Function）

String类型的判断

方法一 typeof

typeof对于new实例化的String对象判断会返回Object，直接声明的变量返回String

var o = "anxiaoyan";
console.log(typeof o);//String
var o = new String("anxiaoyan");
console.log(typeof o);//Object ，不可断String类型

方法二Object.protype.toString.call(obj)

使用 Object 对象的原型方法 toString,即使改变它的原型，依然会正确返回原类型

var o = "anxiaoyan";
console.log(Object.prototype.toString.call(o));//[Object String]

方法三instanceof

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性,因此用instanceof判断的数据是通过new实例化的一个对象，才可以正确返回其对象类型

var o = "anxiaoyan";
console.log(o instanceof String);//false;
var o = new String("anxiaoyan");
console.log(o instanceof String);//true 2、也可判断String类型

方法四obj.constructor

使用Constructor调用构造函数的方式去进行判断数据类型，但是有一个缺陷如果创建了一个对象，改变它的原型则就不能正常使用了

var o = new String("anxiaoyan");
console.log(o.constructor == String);//true 3、可判断String类型
var a = 10;
console.log(a.constructor == Number);//true
var b = new Boolean(true);
console.log(b.constructor == Boolean);//true
var arr = []
console.log(arr.constructor == Array);//true
function Fn(){};
 
Fn.prototype=new Array();
//改变对象原型
var f=new Fn();
console.log(f.constructor===Fn);    // false
console.log(f.constructor===Array); // true

方法五String.prototype.isPrototypeOf(obj)

使用原型对象的isPrototypeOf（）方法来判断该对象是否指向原型

var o = "anxiaoyan"
console.log(String.prototype.isPrototypeOf(o));//true,4、可判断String类型

总的代码如下：

var o = "anxiaoyan";
console.log(typeof o);//String
console.log(o instanceof String);//false;
console.log(Object.prototype.toString.call(o));//[Object String]
var o = new String("anxiaoyan");
console.log(typeof o);//Object ，不可断String类型
console.log(Object.prototype.toString.call(o));//1、[object String]即可判断String类型
console.log(o instanceof String);//true 2、也可判断String类型
console.log(o.constructor == String);//true 3、可判断String类型
console.log(String.prototype.isPrototypeOf(o));//true,4、可判断String类型

其他Number，Boolean，Array的判断方式与String类型一致，String方法另外多一个isArray()方法来判断是否为对象类型

总的代码如下：

// import { isNull } from "util";

// js的数据类型：基本数据类型和复杂数据类型：String,number,undefind,null,boolean,object,Array,function
//1、 对于自定义类型的数据判断用instanceof
var o = new Array();
console.log(o instanceof Array);//true
//2、对于String类型的数据判断
var o = "anxiaoyan";
console.log(typeof o);//String
console.log(o instanceof String);//false;
console.log(Object.prototype.toString.call(o));//[Object String]
var o = new String("anxiaoyan");
console.log(typeof o);//Object ，不可断String类型
console.log(Object.prototype.toString.call(o));//1、[object String]即可判断String类型
console.log(o instanceof String);//true 2、也可判断String类型
console.log(o.constructor == String);//true 3、可判断String类型
console.log(String.prototype.isPrototypeOf(o));//true,4、可判断String类型
//3、对于number类型的判断
var a = 10;
console.log(typeof a);//number
console.log(a instanceof Number);//false;不可行
console.log(Object.prototype.toString.call(a))//[Object Number]
console.log(a.constructor == Number);//true
console.log(Number.prototype.isPrototypeOf(a));//false
var a = new Number(10);
console.log(typeof a);//Object
console.log(a instanceof Number);//true
console.log(Number.prototype.isPrototypeOf(a));//true
console.log(a.constructor == Number);//TRUE

/**
 * 1、typeof 对于非对象类的类型可以判断，对于对象类的类型都返回object
 * 2、instanceof 对于非对象类的类型返回false，对于对象类的类型返回true
 * 3、Object.prototype.toString.call(obj)对于对象类和非对象类的类型都满足
 * 4、类型.prototype.isPrototypeof(obj)对于非对象类的类型返回false，对象类的类型返回true
 * 5、obj.constructor === 数据类型 对于非对象类型和对象类型都返回true
 */
// boolean类型的数据类型判断
var b = true;
console.log(typeof b);//boolean
console.log(b instanceof Boolean)//false;
console.log(Object.prototype.toString.call(b));//Object Boolean
console.log(Boolean.prototype.isPrototypeOf(b));//false;
console.log(b.constructor == Boolean);//true
var b = new Boolean(true);
console.log(typeof b);//Object
console.log(b instanceof Boolean);//true
console.log(Object.prototype.toString.call(b));//Object Boolean
console.log(Boolean.prototype.isPrototypeOf(b));//true;
console.log(b.constructor == Boolean);//true
// 对于null类型的判断

var c = null;
console.log(typeof c);//Object
console.log(c == null);//TRUE
// console.log(isNull(c));
console.log(null == undefined);//true
// 对于数组的判断

var arr = [];
console.log(typeof arr);//object
console.log(arr instanceof Array);//true
console.log(Object.prototype.toString.call(arr))//[Object Array]
console.log(Array.prototype.isPrototypeOf(arr));//true
console.log(arr.constructor == Array);//true
console.log(Array.isArray(arr));//true
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容