目录
- 概述
- Number
- String
- Boolean
- Null 和 Undefined
- Object
- 总结
概述
JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。
ECMAScript 标准定义了 7 种数据类型:
- Number:整数和小数
- String:文本字符串
- Boolean:表示真伪的两个特殊值,即true(真)和false(假)
- Undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
- Null:表示空值,即此处的值为空
- Object:各种值组成的集合
- Symbol:参见Symbol,本文不讨论
以上的数据类型中,Object以外的都称作原始类型,都是不可变的(值本身无法被改变),JavaScript 中字符串是不可变的,因为对字符串的操作一定返回了一个新字符串,原始字符串并没有被改变。Obeject被称为合成类型或者复杂类型。
Number
JavaScript 内部,所有数字都是以64位浮点数形式储存。比如1与1.0是相同的,JavaScript 语言的底层根本没有整数,所有数字都是64位浮点数。但由于浮点数不是精确的值,所以整数间的四则运算往往得不到想要的值,需要注意。
这64位二进制数如下:
第1位:符号位,0表示正数,1表示负数
第2位到第12位(共11位):指数部分
第13位到第64位(共52位):小数部分(即有效数字)
符号位决定了一个数的正负,指数部分决定了数值的大小(到),小数部分决定了数值的精度(到,有效数字的第一位默认总是1,不保存在64位浮点数之中)。如果一个数大于,就表示为Infinity,小于,返回0。
JavaScript 对整数提供四种进制的表示方法:十进制、十六进制、八进制、二进制。
- 十进制:没有前导0的数值。
- 八进制:有前缀0o或0O的数值,或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
- 十六进制:有前缀0x或0X的数值。
- 二进制:有前缀0b或0B的数值。
Number中的特殊数值
+0和-0
JavaScript 的64位浮点数之中,有一个二进制位是符号位。这意味着,任何一个数都有一个对应的负值。绝大多数情况下,+0和-0作用几乎一样,仅被当做分母时,不一样:
1/+0 //Infinity
1/-0 //-Infinity
(1 / +0) === (1 / -0) // false
NaN
NaN(Not a Number),虽然名字叫“我不是数字”,但是:
typeof NaN // "number"
NaN === NaN // false
NaN与任何数(包括它自己)的运算,得到的都是NaN。NaN是布尔运算为false的五个值之一。
Infinity
Infinity表示“无穷”,用来表示两种场景。一种是一个正的数值太大,或一个负的数值太小,无法表示;另一种是非0数值除以0,得到Infinity。
Math.pow(2, 1024) // Infinity
0 / 0 // NaN
1 / 0 // Infinity
Infinity与NaN比较,总是返回false。Infinity与undefined计算,返回的都是NaN。
Infinity的四则运算,符合无穷的数学计算规则,但有几个需要注意:
0 * Infinity // NaN
Infinity - Infinity // NaN
Infinity / Infinity // NaN
null * Infinity // NaN
null / Infinity // 0
Infinity / null // Infinity
Infinity与null计算时,null会转成0,等同于与0的计算。
与数值相关的全局方法
parseInt()
parseInt方法用于将字符串转为整数。具体规则见例子:
parseInt(' 81') // 81
parseInt(1.23) // 1 这里会先将1.23转化为字符串
parseInt('15px') // 15
parseInt('abc') // NaN
parseInt('0x10') // 16
parseInt('011') // 11
parseInt('011', 8) // 9
parseInt('1546', 2) // 1
parseInt('546', 2) // NaN
如果第二个参数不是数值,会被自动转为一个整数。这个整数只有在2到36之间,才能得到有意义的结果,超出这个范围,则返回NaN。如果第二个参数是0、undefined和null,则直接忽略。
parseFloat()
parseFloat方法用于将一个字符串转为浮点数。具体规则见例子:
parseFloat('314e-2') // 3.14
parseFloat('3.14more non-digit characters') // 3.14
parseFloat('\t\v\r12.34\n ') // 12.34
parseFloat([]) // NaN
parseFloat('FF2') // NaN
parseFloat('') // NaN
String
JavaScript的字符串类型用于表示文本数据。它是一组16位的无符号整数值的“元素”。JavaScript 对 UTF-16 的支持是不完整的,由于历史原因,只支持两字节的字符,不支持四字节的字符。所以后来新增的某些字超过了两个字节,在js中会用四个字节表示,其length为2。因此,JavaScript 返回的字符串长度可能是不正确的。
转义:
'Did she say \'Hello\'?'
'C:\\迅雷下载\\你的老师们.avi'
'\251' // "©" 反斜杠后面紧跟三个八进制数(000到377),代表一个字符
'\xA9' // "©" \x后面紧跟两个十六进制数(00到FF),代表一个字符
'\u00A9' // "©" \u后面紧跟四个十六进制数(0000到FFFF),代表一个字符
'\a' // "a" a是正常字符,\被忽略
多行字符串:
var a = '12345 \
67890' // 注意,反斜杠的后面必须是换行符,而不能有其他字符(比如空格),否则会报错。
// 并且第二行左边的空格是算在字符串里面的,length会有所增加
var b = '12345' +
'67890'
var c = `12345
67890` // 反引号也能实现多行,也要算空格
字符串与数组:
字符串内部的单个字符无法改变和增删,这些操作会默默地失败。但是,可以基于对原始字符串的操作来创建新的字符串。例如:
- 获取一个字符串的子串可通过选择个别字母或者使用
String.substr()
. - 两个字符串的连接使用连接操作符 (
+
) 或者String.concat()
.
var s = 'hello';
s[0] // "h"
s[1] // "e"
s[4] // "o"
// 直接对字符串使用方括号运算符
'hello'[1] // "e"
delete s[0];
s // "hello"
s[1] = 'a';
s // "hello"
s[5] = '!'
s // "hello"
s.length = 3;
s.length // 5
Boolean
布尔表示一个逻辑实体,可以有两个值:true 和 false。
下面六个值在布尔运算中被转为false,其他值都视为true。
- undefined
- null
- false
- 0
- NaN
- ""或''(空字符串)
Null 和 Undefined
null与undefined都可以表示“没有”,含义非常相似。
区别是这样的:null是一个表示“空”的对象,转为数值时为0;undefined是一个表示"此处无定义"的原始值,转为数值时为NaN。
- (规范)如果一个变量没有被赋值,那么这个变量的值就是 undefiend
- (习俗)如果你想表示一个还没赋值的对象,就用 null。如果你想表示一个还没赋值的字符串/数字/布尔/symbol,就用 undefined(但是实际上你直接 var xxx 一下就行了,不用写 var xxx = undefined)
Number(null) // 0
5 + null // 5 null转为数字时,自动变成0
Number(undefined) // NaN
5 + undefined // NaN
Object
简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。
键名(属性)
对象的所有键名都是字符串(ES6 又引入了 Symbol 值也可以作为键名),所以加不加引号都可以。如果键名是数值,会被自动转为字符串。
如果属性(property,也就是键名)的值还是一个对象,就形成了链式引用。
属性可以动态创建,不必在对象声明时就指定。
如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。如果需要一个变量的改变不影响其他变量,那么需要深拷贝,以及参考:什么是js深拷贝和浅拷贝及其实现方式和深拷贝与浅拷贝的实现。
上面的问题一般需要结合计算机内存以及GC来分析。
读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。
如果键名不符合标识名的条件,且也不是数字,则必须加上引号,否则会报错。如'1$'
,'m+n'
,'p q'
等,但是object[''] 是合法的,中文变量名也是合法的。
注意 object.key 与 object[key] 不同:如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。
var foo = 'bar';
var obj = {
foo: 1,
bar: 2
};
obj.foo // 1
obj[foo] // 2
方括号运算符内部还可以使用表达式。
obj['hello' + ' world']
obj[3 + 3]
属性的查看:Object.keys()
delete命令
delete命令用于删除对象的属性,删除成功后返回true。
注意,删除一个不存在的属性,delete不报错,而且返回true。因此,不能根据delete命令的结果,认定某个属性是存在的。
var obj = {};
delete obj.p // true
delete命令只能删除对象本身的属性,无法删除继承的属性。
delete一个属性和将属性设置为undefined的区别:
- delete会删除掉对象的属性和属性对应的值,即无key无value
- 后者相当于清空属性的value,但是key本身还在
for...in 和 hasOwnProperty()
in 运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。但是不能识别哪些属性是对象自身的,哪些属性是继承的。
for...in循环用来遍历一个对象的全部属性。它有两个使用注意点:
- 它遍历的是对象所有可遍历(enumerable)的属性,会跳过不可遍历的属性(比如Object.toString)。
- 它不仅遍历对象自身的属性,还遍历继承的属性。
如果继承的属性是可遍历的,那么就会被for...in循环遍历到,所以使用for...in的时候,应该结合使用hasOwnProperty方法,在循环内部判断一下,某个属性是否为对象自身的属性。
总结
数据类型是编程的基石,搞清楚原始数据类型相关的常用全局方法,对象的构成、常用属性、标准库,以及他们在内存中的不同表现,是非常重要的。本篇中的Object是指狭义的对象,这里没有提到的两个广义对象的分支Function和Array,以及不同类型之间的运算牵扯出来的隐式转换,接下来将会涉及到。
网友评论