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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343

推荐阅读更多精彩内容