JavaScript中的数据类型

JavaScript 中有 6 种数据类型:

        JavaScript不支持任何创建自定义类型的机制,而所有值最终都将是 6 种数据类型之一,JavaScript数据类型具有动态性,因此没有再定义其他数据类型的必要。

  • 简单数据类型:UndefinedNullBooleanNumberString
  • 复杂数据类型:ObjectObject 本质上是由一组无序键值对组成的。

typeof操作符

        鉴于JavaScript是松散类型的,因此需要有一种手段来检测给定变量的数据——typeof就是复杂提供这方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符串:

  • undefined”——如果这个值未定义
  • boolean”——如果这个值是布尔值
  • string”——如果这个值是字符串
  • number”——如果这个值是数值
  • object”——如果这个值是对象或 null
  • function”——如果这个值是函数

例如:

var message = "some string"; 
alert(typeof message); // "string" 
alert(typeof(message)); // "string" 
alert(typeof 95); // "number"
  1. typeof 操作符的操作数可以是变量(message),也可以是数值字面量;
  2. typeof 是一个操作符而不是函数,因此例子中的圆括号尽管可以使用,但不是必需的。
  3. typeof 操作符会返回一些令人迷惑但技术上却正确的值;
  4. 调用 typeof null会返回"object",因为特殊值 null 被认为是一个空的对象引用。
  5. 从技术角度讲,函数在 JavaScript 中是对象不是一种数据类型
  6. 通过 typeof 操作符来区分函数和其他对象是有必要的

Undefined类型

        Undefined 类型只有一个值,即特殊的 undefined。在使用 var 声明变量未对其加以初始化时,这个变量的值就是 undefined,例如:

var message; 
alert(message == undefined); //true

        这个例子只声明了变量 message,但未对其进行初始化。比较这个变量与 undefined 字面量,结果表明它们是相等的。这个例子与下面的例子是等价的:

var message = undefined; 
alert(message == undefined); //true

        这个例子使用 undefined 值显式初始化了变量 message。但我们没有必要这么做,因为未经初始化的值默认就会取得 undefined 值。

        包含 undefined 值的变量与尚未定义的变量还是不一样的。例如:

var message; // 这个变量声明之后默认取得了 undefined 值
// 下面这个age变量并没有声明
// var age 
alert(message); // "undefined" 
alert(age); // 产生错误
  1. 对于尚未声明过的变量,只能执行一项操作,即使用 typeof 操作符检测其数据类型;
  2. 对未经声明的变量调用 delete 不会导致错误,但这样做没什么实际意义,而且在严格模式下确实会导致错误。

        对未初始化的变量执行 typeof 操作符会返回 undefined 值,而对未声明的变量执行 typeof 操作符同样也会返回 undefined 值,例如:

var message; // 这个变量声明之后默认取得了 undefined 值
// 下面这个变量并没有声明
// var age 
alert(typeof message); // "undefined" 
alert(typeof age); // "undefined"

Null类型

        Null 类型第二个只有一个值的数据类型,这个特殊的值是 nullnull 值表示一个空对象指针,而这也正是使用 typeof 操作符检测 null 值时会返回"object"的原因,如下面的例子所示:

var car = null; 
alert(typeof car); // "object"
  • 如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为 null 而不是其他值;
  • 只要直接检查 null 值就可以知道相应的变量是否已经保存了一个对象的引用;
// car 这个变量未保存一个对象的引用
if (car != null){ 
 // 对 car 对象执行某些操作
}
  • undefined 值是派生自 null 值的
alert(null == undefined); //true
  • 无论在什么情况下都没有必要把一个变量的值显式地设置为 undefined,可是同样的规则对 null 却不适用
  • 保存对象的变量没有真正保存对象,就应该明确地让该变量保存 null 值。这样做不仅可以体现 null 作为空对象指针的惯例,而且也有助于进一步区分 nullundefined

Boolean类型

        Boolean 类型是 JavaScript 中使用得最多的一种类型,该类型只有两个字面值:truefalse。这两个值与数字值不是一回事,因此 true 不一定等于 1,而 false 也不一定等于 0。以下是为变量赋Boolean 类型值的例子:

var found = true; 
var lost = false;
  • Boolean 类型的字面值 truefalse区分大小写的。
  • 也就是说,True 和 False(以及其他的混合大小写形式)都不是 Boolean 值,只是标识符

各种数据类型及其对应的转换规则

数据类型转换为true的值转换为false的值
Booleantruefalse
String任何非空字符串“”(空字符串)
Number任何非零数字值(包括无穷大)0和NaN
Object任何对象null
Undefined不会转化为trueundefined

Number类型

        Number类型使用 IEEE754 格式来表示整数浮点数值(浮点数值在某些语言中也被称为双精度数值),为支持各种数值类型,ECMA-262 定义了不同的数值字面量格式

  • 基本的数值字面量格式十进制整数,十进制整数可以像下面这样直接在代码中输入:
var intNum = 55; // 整数
  • 整数还可以通过八进制(以 8 为基数),八进制字面值的第一位必须是零(0),然后是八进制数字序列(0~7)八进制字面量在严格模式下无效,会导致支持的 JavaScript 引擎抛出错误如果字面值中的数值超出了范围,那么前导零将被忽略,后面的数值将被当作十进制数值解析。请看下面的例子:
var octalNum1 = 070; // 八进制的 56
var octalNum2 = 079; // 无效的八进制数值——解析为 79
var octalNum3 = 08; // 无效的八进制数值——解析为 8
  • 十六进制字面值的前两位必须是 0x后跟任何十六进制数字(0~9 及 A~F)。其中,字母 A~F
    可以大写,也可以小写
    。如下面的例子所示:
var hexNum1 = 0xA; // 十六进制的 10
var hexNum2 = 0x1f; // 十六进制的 31
  • 在进行算术计算时,所有以八进制十六进制表示的数值最终都将被转换十进制数值
1. 浮点数值
  • 所谓浮点数值,就是该数值中必须包含一个小数点,并且小数点后面必须至少一位数字小数点前面可以没有整数
var floatNum1 = 1.1; 
var floatNum2 = 0.1; 
var floatNum3 = .1; // 有效,但不推荐
  • 保存浮点数值需要的内存空间是保存整数值两倍,因此 JavaScript 会不失时机地将浮点数值转换为整数值
  1. 如果小数点后面没有跟任何数字,那么这个数值就可以作为整数值保存
  2. 如果浮点数值本身表示的就是一个整数(如 1.0),那么该值也会被转换为整数
var floatNum1 = 1.; // 小数点后面没有数字——解析为 1
var floatNum2 = 10.0; // 整数——解析为 10
  • 对于那些极大或极小的数值,可以用 e 表示法(即科学计数法)表示的浮点数值表示。用 e 表示法表示的数值等于 e 前面的数值乘以 10 的指数次幂
var floatNum = 3.125e7; // 等于 31250000
  • 浮点数值最高精度17 位小数,但在进行算术计算时其精确度远远不如整数。例如,0.1 加 0.2的结果不是 0.3,而是 0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。
if (a + b == 0.3){ // 不要做这样的测试!
 alert("You got 0.3."); 
}
  1. 如果这两个数是 0.05 和 0.25,或者是 0.15和 0.15 都不会有问题
  2. 如果这两个数是 0.1 和 0.2,那么测试将无法通过。因此,永远不要测试某个特定的浮点数值。
  3. 这是使用基于IEEE754 数值的浮点计算通病,JavaScript 并非独此一家;其他使用相同数值格式的语言也存在这个问题。
2. 数值范围
  • 由于内存的限制,JavaScript 并不能保存世界上所有的数值,
  • JavaScript 能够表示的最小数值保存在 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324
  • 能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中,这个值是 1.7976931348623157e+308
  • 如果某次计算的结果得到了一个超出 JavaScript 数值范围的值,那么这个数值将被自动转换成特殊的 Infinity 值,如果这个数值负数,则会被转换成-Infinity(负无穷),如果这个数值正数,则会被转换成 Infinity(正无穷)
  • 如果某次计算返回了正或负的 Infinity 值,那么该值将无法继续参与下一次计算,因为 Infinity 不是能够参与计算的数值。
3. NaN
  • NaN,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况
  • JavaScript中,任何数值除以 0会返回 NaN
  • 任何涉及 NaN 的操作(例如 NaN/10)都会返回 NaN
  • NaN任何值不相等,包括 NaN 本身;
  • JavaScript 定义了 isNaN()函数。这个函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”
alert(isNaN(NaN)); //true 
alert(isNaN(10)); //false(10 是一个数值)
alert(isNaN("10")); //false(可以被转换成数值 10)
alert(isNaN("blue")); //true(不能转换成数值)
alert(isNaN(true)); //false(可以被转换成数值 1)

        isNaN()接收一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串"10"或 Boolean 值。而任何不能被转换为数值的值都会导致这个函数返回 true

  • isNaN()确实也适用于对象。在基于对象调用isNaN()函数时,会首先调用对象的 valueOf()方法,然后确定该方法返回的值是否可以转换为数值。如果不能,则基于这个返回值再调用 toString()方法,再测试返回值。
4.数值转换

        有 3 个函数可以把非数值转换为数值:Number()、parseInt()和 parseFloat();Number()可以用于任何数据类型,parseInt()和 parseFloat()则专门用于把字符串转换成数值。

Number()函数的转换规则如下。
  • 如果是 Boolean 值,truefalse 将分别被转换10
  • 如果是数字值,只是简单的传入和返回
  • 如果是 null 值,返回 0
  • 如果是 undefined,返回 NaN
  • 如果是字符串,遵循下列规则:
  1. 如果字符串只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1"会变成 1,"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);
  2. 如果字符串包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
  3. 如果字符串包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值
  4. 如果字符串的(不包含任何字符),则将其转换为 0
  • 如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换
    的结果是 NaN
    ,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符
    串值
var num1 = Number("Hello world!"); //NaN  不包含任何有意义的数字值
var num2 = Number(""); //0   空字符串会被转换为 0
var num3 = Number("000011"); //11  前导的零被忽略了
var num4 = Number(true); //1  true 值被转换为 1
parseInt()函数
  • parseInt()函数在转换字符串时,更多的是看其是否符合数值模式
  • 忽略字符串前面的空格直至找到第一个非空格字符
  • 如果第一个字符不是数字字符或者负号parseInt()就会返回 NaN
  • 如果第一个字符是数字字符parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符
  • 在使用 parseInt()解析像八进制字面量的字符串时,ECMAScript 3 和 5 存在分歧
// 1234  "blue"会被完全忽略 
var num1 = parseInt("1234blue"); 
// NaN  也就是说,用 parseInt()转换空符串会返回 NaN(Number()对空字符返回 0)
var num2 = parseInt(""); 
// 10(十六进制数) 字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数
var num3 = parseInt("0xA"); 
// 22  小数点并不是有效的数字字符
var num4 = parseInt(22.5); 
// 56(八进制数) 如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析
//ECMAScript 3 认为是 56(八进制),ECMAScript 5 认为是 70(十进制)
var num5 = parseInt("070"); 
// 70(十进制数)
var num6 = parseInt("70"); 
// 15(十六进制数) 字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数
var num7 = parseInt("0xf"); 
  • 为了消除在使用 parseInt()函数时可能导致的上述困惑,可以为这个函数提供第二个参数转换时使用的基数(即多少进制),例如:
var num = parseInt("0xAF", 16); //175
// 实际上,如果指定了 16 作为第二个参数,字符串可以不带前面的"0x",如下所示:
// 传入了基数,明确告诉parseInt()要解析一个十六进制格式的字符串
var num1 = parseInt("AF", 16); //175
// 第一个字符不是数字字符,因此就自动终止了 
var num2 = parseInt("AF"); //NaN
// 指定基数会影响到转换的输出结果。例如:
var num1 = parseInt("10", 2); //2 (按二进制解析)
var num2 = parseInt("10", 8); //8 (按八进制解析)
var num3 = parseInt("10", 10); //10 (按十进制解析)
var num4 = parseInt("10", 16); //16
parseFloat()函数
  • parseInt()函数类似,parseFloat()也是从第一个字符(位置 0)开始解析每个字符
  • 一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止
  • 字符串中的第一个小数点有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略
  • 始终都会忽略前导的零
  • parseFloat()可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式
  • 十六进制格式的字符串则始终会被转换成 0
  • 由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基数的用法
  • 如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后都是零),parseFloat()会返回整数。
var num1 = parseFloat("1234blue"); //1234 (整数)
var num2 = parseFloat("0xA"); //0 
var num3 = parseFloat("22.5"); //22.5 
var num4 = parseFloat("22.34.5"); //22.34 
var num5 = parseFloat("0908.5"); //908.5 
var num6 = parseFloat("3.125e7"); //31250000

String类型

        String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(’)表示,因此下面两种字符串的写法都是有效的:

var firstName = "Nicholas"; 
var lastName = 'Zakas';
  • 双引号开头的字符串也必须双引号结尾,以单引号开头的字符串也必须单引号结尾
var firstName = 'Nicholas"; // 语法错误(左右引号必须匹配)
1. 字符字面量

        String 数据类型包含一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。这些字符字面量如下表所示:

字面量含义
\n换行
\t制表
\b空格
\r回车
\f走纸换页
\斜杠
\ ’单引号(’),在用单引号表示的字符串中使用。例如:‘He said, ‘hey.’’
\ "双引号("),在用双引号表示的字符串中使用。例如:“He said, “hey.””
\xnn以十六进制代码nn表示的一个字符(其中n为0~F)。例如,\x41表示"A"
\unnnn以十六进制代码nnnn表示的一个Unicode字符(其中n为0~F)。例如,\u03a3表示希腊字符Σ

        这些字符字面量可以出现在字符串中的任意位置,而且也将被作为一个字符来解析 ,如下面的例子所示:

var text = "This is the letter sigma: \u03a3.";
// 变量 text 有 28 个字符,其中 6 个字符长的转义序列表示 1 个字符。
// 任何字符串的长度都可以通过访问其 length 属性取得,例如:
alert(text.length); // 输出 28
2. 字符串的特点

        JavaScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量,

var lang = "Java"; 
lang = lang + "Script";
// 的变量 lang 开始时包含字符串"Java"。而第二行代码把 lang 的值重新定义为"Java"与"Script"的组合,即"JavaScript"。
// 实现这个操作的过程如下:首先创建一个能容纳 10 个字符的新字符串,
//然后在这个字符串中填充"Java"和"Script",最后一步是销毁原来的字符串"Java"和字符串"Script",因为这两个字符串已经没用了。
//这个过程是在后台发生的,而这也是在某些旧版本的浏览器(例如版本低于 1.0 的 Firefox、IE6 等)中拼接字符串时速度很慢的原因所在。
3. 转换为字符串

        要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的toString()方法。这个方法唯一要做的就是返回相应值的字符串表现。来看下面的例子:

var age = 11; 
var ageAsString = age.toString(); // 字符串"11" 
var found = true; 
var foundAsString = found.toString(); // 字符串"true"
  • 数值、布尔值、对象和字符串值(没错,每个字符串也都有一个 toString()方法,该方法返回字符串的一个副本)都有toString()方法。
  • nullundefined 值没有这个方法
  • 调用 toString()方法不必传递参数
  • 在调用数值的 toString()方法时,可以传递一个参数:输出数值的基数
  • 通过传递基数,toString()可以输出二进制、八进制、十六进制,乃至其他任意有效进制格式表示的字符串值
var num = 10; 
alert(num.toString()); // "10" 
alert(num.toString(2)); // "1010" 
alert(num.toString(8)); // "12" 
alert(num.toString(10)); // "10" 
alert(num.toString(16)); // "a"

        在不知道要转换的值是不是 nullundefined 的情况下,还可以使用转型函数 String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

  • 如果值有 toString()方法则调用该方法(没有参数)并返回相应的结果
  • 如果值是 null,则返回"null"
  • 如果值是 undefined,则返回"undefined"
var value1 = 10; 
var value2 = true; 
var value3 = null; 
var value4; 
alert(String(value1)); // "10" 
alert(String(value2)); // "true" 
// 因为 null 和 undefined 没有 toString()方法,所以 String()函数就返回了这两个值的字面量。
alert(String(value3)); // "null" 
alert(String(value4)); // "undefined"

Object类型

        JavaScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行 new 操作符后跟要创建的对象类型的名称来创建。而创建 Object 类型的实例并为其添加属性和(或)方法,就可以创建自定义对象,如下所示:

var o = new Object();
var o = new Object; // 有效,但不推荐省略圆括号

Object 的每个实例都具有下列属性和方法。

  • constructor:保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是 Object()
  • hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名propertyName必须字符串形式指定(例如o.hasOwnProperty(“name”))
  • isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型
  • propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用 for-in 语句来枚举。与 hasOwnProperty()方法一样,作为参数的属性名必须以字符串形式指定
  • toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应。
  • toString():返回对象的字符串表示。
  • valueOf():返回对象的字符串、数值或布尔值表示。通常toString()方法的返回值相同
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值