js中数据类型检测的方式有哪些

js中数据类型检测的方式有哪些

1、typeof

console.log(typeof 2); // number
console.log(typeof "2"); // string
console.log(typeof true); // boolean
console.log(typeof []); // object
console.log(typeof function(){}); // function 
console.log(typeof {}); // object 
console.log(typeof undefined); // undefined
console.log(typeof null); // object

其中,数组、对象、null,都会被判断为object,其他判断都正确。

2、instanceof

instanceof 可以正确判断对象的类型,其内部运行机制是判断在其原型链中能否找到该类型的原型。

console.log( 2 instanceof Number); // false
console.log("sss" instanceof String); // false
console.log(true instanceof Boolean); // false

console.log([] instanceof Array); // true 
console.log(function(){} instanceof Function); // true
console.log({} instanceof Object); // true

instanceof 只能正确判断引用数据类型,而不能判断基本数据类型,instanceof 运算符可以用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。

3、constructor

console.log((2).constructor === Number); // true
console.log(("a").constructor === String);// true
console.log((true).constructor === Boolean);// true
console.log(([]).constructor === Array);// true
console.log(({}).constructor === Object);// true
console.log((function(){}).constructor === Function);// true

不能判断 undefined 和null

constructor有两个作用,一是判断数据的类型,二是对象实例通过constructor属性访问它的构造函数,需要注意,如果创建一个对象改变它的原型,constructor就不能用来判断数据类型了。

function Fun(){

}
Fun.prototype = new Array();
var f = new Fun();

console.log(f.constructor === Fun);
console.log(f.constructor === Array)

4、Object.prototype.toString.call()

Object.prototype.toString.call()使用Object对象的原型方法toString 来判断数据类型。

const a = Object.prototype.toString;

console.log(a.call(2)); // [object Number]
console.log(a.call("abc"));// [object String]
console.log(a.call(true)); // [object Boolean]
console.log(a.call([])); // [object Array]
console.log(a.call({})); // [object Objecy]
console.log(a.call(function(){})); // [object Function]
console.log(a.call(undefined)); // [object Undefined]
console.log(a.call(null)); // [object Null]