一、原始数据类型(基础数据类型)
- 数字(Number)
- 字符串(String)
- 布尔值(Boolean)
- undefined
- null
- symbol(ES6引⼊的新原始数据类型)
二、复杂数据类型(对象类型或引⽤数据类型)
- 对象(object)
- 数组(array)
- 函数(function)
三、类型判断方法
在前端开发中,判断变量类型通常可以通过以下方法进行:
1. 使用typeof运算符
这是最常用的方法,适用于判断基本数据类型,如数字、字符串、布尔值、undefined和null。例如,`typeof 1`将返回`"number"`,`typeof "hello"`将返回`"string"`。
需要注意的是,对于数组、对象和null,`typeof`都会返回`"object"`。
2. 使用instanceof运算符
这个运算符用于判断一个对象是否是某个构造函数的实例,或者是否是其原型链中的某个类型的实例。
它主要用来判断引用类型,如自定义对象的实例。例如,如果有一个数组`arr`,`arr instanceof Array`将返回`true`。
3. 使用Object.prototype.toString.call()
这种方法可以更准确地获取对象的原始类型字符串,包括数组和null。例如,`Object.prototype.toString.call([])`将返回`"[object Array]"`,`Object.prototype.toString.call({})`将返回`"[object Object]"`。
4. 使用constructor属性
每个对象都有一个`constructor`属性,指向其构造函数。通过比较这个属性,也可以判断对象的类型。例如,`[].constructor === Array`将返回`true`。
5. 使用第三方库或工具
有时候,为了方便起见,可能会使用第三方库或工具来帮助判断类型,例如jQuery的`$.type()`方法。
6. 使用Array.isArray()
这是一个内置的JavaScript方法,专门用于判断一个值是否为数组类型。它比`typeof`更可靠,因为`typeof`对于数组也会返回`"object"`。
综上所述,在实际应用中,可以根据需要选择合适的方法来判断变量的类型。例如,如果只需要判断基本数据类型,使用`typeof`就足够了;如果要判断对象的具体类型,可能需要结合`instanceof`或`Object.prototype.toString.call`来使用。在使用这些方法时,也需要注意它们各自的局限性和适用场景。