最近在学习JS的数据类型的相关内容,在此就做一些相关的学习笔记。
一、概述
JS的数据类型总共有7种。
1.number(数值),2.string(字符串),3.Boolean(布尔值),4.symbol(符号),5.null,6.undefined,7.object(对象)。其中symbol是ES6新增的,本次记录并不算在内。
数值(number):整数和小数(比如1和3.14)
字符串(string):文本(比如Hello World)。
布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)
undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
null:表示空值,即此处的值为空。
对象(object):各种值组成的集合。
二、数值(number)
JavaScript存储数字的时候都是以64位浮点数形式进行的,整数也是一样的,1和1.0是同一个数。JavaScript提供的有效数字最长为53个二进制位,这就说明精度最多只能到53个二进制位,即在-2^53到2^53之间的数都可以精确表示。
JavaScript 对整数提供四种进制的表示方法:十进制、十六进制、八进制、二进制。
在JavaScript中各种进制的表现形式如下
十进制:没有前导0的数值。
八进制:有前缀0o或0O的数值,或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
十六进制:有前缀0x或0X的数值。
二进制:有前缀0b或0B的数值。
在默认的情况下JavaScript会将十六进制、八进制、二进制转换为十进制。比如:
0xff ——>255,0o377 ——>255,0b11——>3
parseInt方法用于将字符串转换为整数。parseInt('123')——> 123,如果字符串头部有空格,空格会被自动去除,如果parseInt的参数不是字符串,则会先转为字符串在转换,字符串为整数的时候,是一个个字符依次转换,如果遇到不能转为数字的字符,就不在进行下去,返回已经转好的部分,如果字符串的第一个字符不能转化为数字,返回NaN。
JavaScript中可以进行进制的转换,parseInt(‘1000’,2)——>8;parseInt(‘1000’,6)——>216;parseInt(‘1000’,8)——>512;这三个例子分别表示的是二进制、六进制、八进制的1000,分别等于十进制的8、216、512。
parseFloat方法用于将一个字符串转为浮点数,isNaN方法可以用来判断一个值是否为NaN,isFinite方法返回一个布尔值,表示某个值是否为正常的数值。
三、字符串
字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。
单引号字符串的内部,可以使用双引号。双引号字符串的内部,可以使用单引号。如果想在实现在单引号中加入单引号,或者在双引号中引入双引号,可以使用转义符,比如'It\'s a secret'或者"she say \"Hello\""。多行字符串的显示方法有3种:
1.在需要换行的地方添加 \
var s=’123456\
7890’
在 \ 后面不能有空格。
2.在需要断行的地方使用 + (推荐使用)
var s2=’12345’+
‘67890’
在+后面可以有空格。
方法3:使用反引号,数字键1左边的那个键
var s3=`12345
6789`
在换行之后,5和6之间会存在换行和空格。
反斜杠(\)在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。需要用反斜杠转义的特殊字符,主要有下面这些。
\0 :null(\u0000)
\b :后退键(\u0008)
\f :换页符(\u000C)
\n :换行符(\u000A)
\r :回车键(\u000D)
\t :制表符(\u0009)
\v :垂直制表符(\u000B)
\' :单引号(\u0027)
\" :双引号(\u0022)
\\ :反斜杠(\u005C)
字符串可以被视为字符数组,因此可以使用数组的方括号运算符,用来返回某个位置的字符(位置编号从0开始)。但是却无法改变字符串之中的单个字符,length属性返回字符串的长度,该属性也是无法改变的。
JavaScript 不仅以 Unicode 储存字符,还允许直接在程序中使用 Unicode 码点表示字符,即将字符写成\uxxxx的形式,其中xxxx代表该字符的 Unicode 码点。\u00A9代表版权符号。
有时,文本里面包含一些不可打印的符号,比如 ASCII 码0到31的符号都无法打印出来,这时可以使用 Base64 编码,将它们转成可以打印的字符。所谓 Base64 就是一种编码方法,可以将任意值转成 0~9、A~Z、a-z、+和/这64个字符组成的可打印字符。使用它的主要目的,不是为了加密,而是为了不出现特殊字符,简化程序的处理。
btoa():任意值转为 Base64 编码
atob():Base64 编码转为原来的值
要将非 ASCII 码字符转为 Base64 编码,必须中间插入一个转码环节,再使用这两个方法。
functionb64Encode(str){
returnbtoa(encodeURIComponent(str));
}
functionb64Decode(str){
returndecodeURIComponent(atob(str));
}
b64Encode('你好')// "JUU0JUJEJUEwJUU1JUE1JUJE"
b64Decode('JUU0JUJEJUEwJUU1JUE1JUJE')// "你好"
四、布尔值
布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。
两元逻辑运算符: && (And),|| (Or)
前置逻辑运算符: ! (Not)
相等运算符:===,!==,==,!=
比较运算符:>,>=,<,<=
如果 JavaScript 预期某个位置应该是布尔值,会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false,其他值都视为true。
undefined
null
false
0
NaN
""或''(空字符串)
五、null和undefined
null和undefined都表示没有,但是为什么有两个量表示没有值的情况呢?这是因为在JS语言中设计的时候没有设计好(这是JS的一段黑历史)
两者的主要区别是:
对于一个没有赋值的对象(object)就用null表示;
对于一个没有赋值的非对象数据就用undefined表示;
以上的数据类型可以归为基本数据类型(简单数据类型)
六、对象(object)
对象(object)是复杂的数据类型,而复杂数据类型就是简单数据类型的组合。
什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。对象是通过哈希表来建立的,对象的所有键名都是字符串(ES6 又引入了 Symbol 值也可以作为键名),而对象中的value值可以是字符串,数字,布尔值,undefined和null,以及对象,比如
var person= {
key:value,
name:‘张三’,
age:18,
married:true,
xiaosan:undefined,
children: {name:’xxx’,age:1}
}
每一个键值对与下一个键值对之间需要添加一个逗号,最后一个键值对后面可以不需要添加逗号。
对象引用的时候可以有如下形式:
person[‘name’],(对)
person.name,(对)
person[name],(错)
key在调用的时候是字符串,就不能直接是调用,key可以是空字符串但是需要加上单引号或者双引号
加上单引号或者双引号的object功能更加强大。比如9a:’frank’会报错,而‘9a’:’frank’就不会报错,键名的取名是需要满足标识符的规则,此时调用的时候可以使用person.name。但是一般情况下都是不加引号,加引号在编写代码的时候是比较麻烦的,所以大家在编写代码的时候一般都不加引号,而是选择规范的命名。
如何打印出一个哈希表中的key和value
var person = {
name: ‘frank’,
age:18
}
for(var key in person){
console.log(key,person[key])
}
七、如何知道一个数据的类型
使用typeof
但是会出现的bug有两个:
1.typeof null // ‘object’
2.var function f(){}
typeof f // "function"
而其他返回的typeof就是正常的情况
var t = 1;
typeof t // "number"
此处做的是比较简单的记录,主要是通过学习阮一峰老师的JavaScript的教程得来的,他的教程的链接是wangdoc.com/javascript,随着不断地学习将会做更多记录。