JavaScript的数据类型

最近在学习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,随着不断地学习将会做更多记录。

你可能感兴趣的:(JavaScript的数据类型)