判断数据类型的方法

判断数据类型的方法

1.typeof()

适用于判断除了null外的基础类型和function

• 可以判断数据类型，它返回表示数据类型的字符串（返回结果只能包括number,boolean,string,function,object,undefined）
• 可以使用typeof判断变量是否存在（如if(typeof a!=“undefined”){…}）
• 无法判断对象和数组，两者都返回object

typeof '5' // string
typeof 5 // number
typeof null // object 因为null被认为是空对象
typeof undefined // undefined
typeof true // boolean
typeof Symbol('5') // symbol
typeof 5n // bigint
typeof new Object(); // object
typeof new Function(); // function
或者
console.log(typeof([1,2])); //object
console.log(typeof(6)); //number
console.log(typeof(true)); //boolean

2.instanceof()

只能用来判断变量的原型链上是否有构造函数的prototype属性（两个对象是否属于原型链的关系），不一定能获取对象的具体类型

Instanceof 不适用判断原始类型的值，只能用于判断对象是否从属关系

原理：因为A instanceof B 可以判断A是不是B的实例，返回一个布尔值，由构造类型判断出数据类型

分析：[].proto 的原型 是指向Array.prototype 的，说明两个对象是属于同一条原型链的，返回true

console.log(arr instanceof Array ); // true
console.log(date instanceof Date ); // true
console.log(fn instanceof Function ); // true
//注意： instanceof 后面一定要是对象类型，大小写不能写错，该方法试用一些条件选择或分支

// 空对象的判断问题

let obj1 = {}
console.log(obj1 instanceof Object) // true
 
let obj2 = Object.create(null)
console.log(obj2 instanceof Object) // false
 
let obj3 = Object.create({})
console.log(obj3 instanceof Object) // true

3.通过Object下的toString.call()方法来判断

Object.prototype.toString方法返回对象的类型字符串，因此可用来判断一个值的类型。

因为实例对象有可能会自定义toString方法，会覆盖Object.prototype.toString，所以在使用时，最好加上call。

所有的数据类型都可以使用此方法进行检测，且非常精准。

返回一个布尔值。

console.log(toString.call('123')); //[object String]
console.log(toString.call(undefined)); //[object Undefined]
console.log(toString.call({})); //[object Object]
console.log(toString.call([])); //[object Array]

Object.prototype.toString.call('5') // [object String]
Object.prototype.toString.call(5) // [object Number]
Object.prototype.toString.call([5]) // [object Array]
Object.prototype.toString.call(true) // [object Boolean]
Object.prototype.toString.call(undefined) // [object Undefined]
Object.prototype.toString.call(null) // [object Null]
Object.prototype.toString.call(new Function()); // [object Function]
Object.prototype.toString.call(new Date()); // [object Date]
Object.prototype.toString.call(new RegExp()); // [object RegExp]
Object.prototype.toString.call(new Error()); // [object Error]

4.根据对象的contructor判断

原理：每一个实例对象都可通过constructor来访问它的构造函数，其实也是根据原型链的原理来的。
构造函数属性判断，返回一个布尔值。

由于undefined和null是无效的对象，因此是没有constructor属性的,这两个值不能用这种方法判断。

console.log(arr.constructor === Array); //true
//或
let a = [1,2]
console.log(a.constructor === Function); //false

'5'.__proto__.constructor === String // true
[5].__proto__.constructor === Array // true
 
undefined.__proto__.constructor // Cannot read property '__proto__' of undefined
 
null.__proto__.constructor // Cannot read property '__proto__' of undefined

5.isArray()判断是否为数组

ES5方法，返回一个布尔值。

var a = [1,2];
console.log(Array.isArray(a)); //true

6.jq中判断数据类型的方法

jQuery提供了一系列工具方法，用来判断数据类型，以弥补JavaScript原生的typeof运算符的不足。以下方法对参数进行判断，返回一个布尔值。

jQuery.isArray() //是否为数组
jQuery.isEmptyObject() //是否为空对象 （不含可枚举属性）。
jQuery.isFunction() //是否为函数
jQuery.isNumberic() //是否为数字
jQuery.isPlainObject() //是否为使用“{}”或“new Object”生成对象，而不是浏览器原生提供的对象。
jQuery.isWindow() //是否为window对象；
jQuery.isXMLDoc() //判断一个DOM节点是否处于XML文档中。