数据类型判断 typeof、instanceof、 constructor、 prototype方法比较

如何判断js中的数据类型

typeof、instanceof、 constructor、 prototype方法比较

• 使用typeof操作符。

对一个值使用 typeof 操作符可能返回下列某个字符串，返回的类型都是字符串形式。
　　(1) undefined：如果这个值未定义
　　(2) boolean：如果这个值是布尔值
　　(3) string：如果这个值是字符串
　　(4) number：如果这个值是数值
　　(5) object：如果这个值是对象或null /数组
　　(6) function：如果这个值是函数

需要注意：typeof不适合用于判断是否为数组。当使用typeof判断数组和对象的时候，都会返回object。可以使用isArray()来判断是否为数组。

• instanceof //中文表示实例的意思

instanceof 运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。需要区分大小写。
　　简单的来说，instanceof 用于判断一个变量是否某个对象的实例。
　　例：var arr = new Array( );
　　　　alert(arr instanceof Array); // 返回true

需要注意的是，instanceof只能用来判断对象和函数，不能用来判断字符串和数字等。判断它是否为字符串和数字时，只会返回false。

• constructor

constructor 属性返回对创建此对象的数组函数的引用。
　　在JavaScript中，每个具有原型的对象都会自动获得constructor属性。
　　例：
　　以下代码中的[native code]，表示这是JavaScript的底层内部代码实现，无法显示代码细节。

// String
var str = "字符串";
alert(str.constructor); // function String() { [native code] }
alert(str.constructor === String); // true

// Array
var arr = [1, 2, 3];
alert(arr.constructor); // function Array() { [native code] }
alert(arr.constructor === Array); // true

// Number
var num = 5;
alert(num.constructor); // function Number() { [native code] }
alert(num.constructor === Number); // true

• 4.Object.prototype.toString.call(“字符串”)

以上三种方法多少都会有一些不能判断的情况。为了保证兼容性，可以通过Object.prototype.toString方法，判断某个对象[[值属于哪种内置类型。

需要注意区分大小写。

console.log(Object.prototype.toString.call('字符串') === "[object String]",) //true
console.log(Object.prototype.toString.call(123) === '[object Number]') //true
console.log(Object.prototype.toString.call([1,2,3]) === '[object Array]') //true
console.log(Object.prototype.toString.call(new Date()) === '[object Date]') //true
console.log(Object.prototype.toString.call(function a(){}) === '[object Function]') //true
console.log(Object.prototype.toString.call({}) === '[object Object]')//true

用Object.prototype.toString.call()的方式来判断一个变量的类型是最准确的方法。