主要内容:
- 数据类型
- 数据类型转换
- 检测数据类型的方法
六种数据类型
五种简单数据类型(基本数据类型):Undefined
、Null
、Boolean
、Number
、String
,其中 Undefined
和 Null
是特殊值。
- 数值(Number):整数和小数(比如1和3.14)
- 字符串(String):文本(比如Hello World)
- 布尔值(Boolean):表示真伪的两个特殊值,即true(真)和false(假)
- Undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
- Null:表示空值,即此处的值为空
一种复杂数据类型:Object
- 对象(Object):本质上是由一组无序的名值对组成的。
- 可以分为:狭义的对象(object)、数组(array)、函数(function)
数据类型转换
确定数值类型的三种方法
JavaScript 有三种方法,可以确定一个值到底是什么类型。
typeof
检测值的基本数据类型
instanceof
验证一个对象是否为指定的构造函数的实例
Object.prototype.toString
判断对象的具体类型
typeof 运算符
作用:用来检测给定变量的数值类型
函数返回function。undefined 返回 undefined。null返回object。
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
function f() {}
typeof f
// "function"
typeof undefined
// "undefined"
typeof null // "object"
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
注意:对未初始化的变量使用 typeof 操作符返回 undefined,对未声明的变量使用 typeof 操作符也返回 undefined。这样的话,typeof 可以用来检查一个没有声明的变量,而不报错。
//通常用在判断语句
if (typeof v === "undefined") {
// ...
}
//未初始化和未声明
var a;
typeof a
//"undefined"
typeof b
//"undefined"
instanceof 运算符
作用:判断左边的值是否是右边的值的实例对象
- instanceof 运算符返回一个布尔值,表示对象是否为某个构造函数的实例。比如,instanceof 运算符可以区分数组和对象。
- instanceof 运算符的左边是实例对象,右边是构造函数。它会检查右边构建函数的原型对象(prototype),是否在左边对象的原型链上。就是左边对象是否是右边对象的实例。有一种特殊情况,就是左边对象的原型链上,只有null对象。这时,instanceof 判断会失真。
- 由于 instanceof 检查整个原型链,因此同一个实例对象,可能会对多个构造函数都返回true。
var myString = new String();
var myDate = new Date();
myString instanceof String;
// true
myString instanceof Object;
// true
myString instanceof Date;
// false
- instanceof 运算符只能用于对象,不适用原始类型的值。下面代码中 s 是字符串,字符串不是 String 对象的实例(字符串不是对象),所以返回 false。
var s = 'hello';
s instanceof String
// false
- 对于undefined 和 null,instanceof 运算符总是返回 false。
undefined instanceof Object
// false
null instanceof Object
// false
- 由于任意对象(除了 null)都是Object的实例,所以 instanceof 运算符可以判断一个值是否为非 null 的对象。
var obj = {};
obj instanceof Object
// true
null instanceof Object
// false
Object.prototype.toString方法
作用:判断数据类型
toString 方法
- toString 方法的作用是返回一个对象的字符串形式,默认情况下返回类型字符串。
var obj = {}
obj.toString();
// "[object Object]"
通过自定义 toString 方法,可以让对象在自动类型转换时,得到想要的字符串形式。
var obj = new Object();
obj.toString = function () {
return 'hello';
};
obj + ' ' + 'world'
// "hello world"
上面代码表示,当对象用于字符串加法时,会自动调用 toString 方法。由于自定义了 toString 方法,所以返回字符串 hello world。
- 数组、字符串、函数、Date 对象都分别部署了自定义的 toString 方法,覆盖了 Object.prototype.toString 方法,所以并不会返回 [object Object]。
[1, 2, 3].toString()
// "1,2,3"
'123'.toString()
// "123"
(function () {
return 123;
}).toString()
// "function () {
// return 123;
// }"
(new Date()).toString()
// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"
toString 方法用于判断值类型
- Object.prototype.toString 方法返回对象的类型字符串,因此可以用来判断一个值的类型。
var obj = {};
obj.toString() // "[object Object]"
上面代码调用空对象的 toString 方法,结果返回一个字符串 object Object,其中第二个 Object 表示该值的构造函数。
- 由于实例对象可能会自定义 toString 方法,覆盖掉原型对象的 Object.prototype.toString 方法,所以为了得到类型字符串,最好直接使用 Object.prototype.toString 方法。通过函数的 call 方法,可以在任意值上调用这个方法,来判断这个值的类型,如下:对 value 这个值调用该方法。
Object.prototype.toString.call(value)
不同数据类型的 Object.prototype.toString 方法返回值:
- 数值:返回[object Number]。
- 字符串:返回[object String]。
- 布尔值:返回[object Boolean]。
- undefined:返回[object Undefined]。
- null:返回[object Null]。
- 数组:返回[object Array]。
- arguments 对象:返回[object Arguments]。
- 函数:返回[object Function]。
- Error 对象:返回[object Error]。
- Date 对象:返回[object Date]。
- RegExp 对象:返回[object RegExp]。
- 其他对象:返回[object Object]。
Object.prototype.toString.call(2)
// "[object Number]"
Object.prototype.toString.call('')
// "[object String]"
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(Math)
// "[object Math]"
Object.prototype.toString.call({})
// "[object Object]"
Object.prototype.toString.call([])
// "[object Array]"
Object.prototype.toString.call(/abcd/);
// "[object RegExp]"