JavaScript基本语法(二)——数据类型

常用数据类型#

ECMAScript有6种简单的数据类型(原始类型):Undefined,Null,Boolean,Number,String和Symbol(ES6新增Symbol类型的值,在此不会过多涉及)
此外还有一种复杂的数据类型:Object
在ECMAScript中无法定义自己的数据类型,所有值都必须采用以上七种数据类型之一来进行表示,好在ECMAScript数据类型比较灵活,一种数据类型可以当做多种数据类型进行使用
其中,数值、字符串、布尔值这三种类型合称为原始类型的值,即这三种类型是最基本的数据类型,无法继续细分。对象则称为合成类型的值,因为一个对象往往是多个原始类型的值所组成,可以看做一个存放各种值的容器。至于undefined和null,一般将他们视为两个特殊的值。

typeof 操作符##

一种用来确定任意变量的数据类型的手段,对一个变量使用typeof操作符会返回下列字符串其一:
“undefined”表示值未定义
“boolean”表示值为布尔值
“string”表示值为字符串
“number”表示值为数字
“object”表示值为对象(不是函数)或null
“function”表示值为函数
“symbol”表示值为符号
例如:

let message = "some string";      
console.log(typeof message);     //   string
console.log(typeof (message));    //   string
console.log(95);     //    number

Undefined 类型##

Undefined数据类型只有一个值,即undefined。当你使用了var或者let声明了一个变量但没有对其进行初始化时,就相当于给这个变量赋值了undefined:

let message;
console.log(message);     //undefined
console.log(message == undefined);     // true

默认情况下,任何未经过初始化的变量都会自动获得undefined值
需要注意的是,对未初始化和未定义的变量调用typeof操作符,返回的值都是undefined:

let message
console.log(typeof message);    //   undefined
console.log(typeof age);     //   undefined

因此建议在声明变量时一定要对其进行初始化,只有这样你才会知道当返回undefined时,这是一个未声明的变量,而不是没有对其进行初始化

常见返回undefined值的场景:

// 变量声明了,但没有赋值
var i;
i // undefined

// 调用函数时,应该提供的参数没有提供,该参数等于 undefined
function f(x) {
  return x;
}
f() // undefined

// 对象没有赋值的属性
var  o = new Object();
o.p // undefined

// 函数没有返回值时,默认返回 undefined
function f() {}
f() // undefined

Null 类型##

同样,该类型只有一个值null。逻辑上讲,null值表示一个空对象指针,所以当对null调用typeof操作符时,返回的数据类型为object
任何时候,当你定义一个对象,而又恰好没有需要存入对象的数据,那么请用null来暂时填补它
undefined是由null派生而来,因此ECMA-262将他们定义为表面上相等:

console.log(null == undefined);      //  true

然而即便是undefined和null有派生关系,但它们的用途却完全不一样,一般情况下我们不会主动给变量赋值为undefined。然而对于对象来讲,用null来填充它有时候却是相当必要的

Boolean 类型##

这种数据类型只有两个字面上的值:true 和 false
需要强调的是:这两个布尔值是不等同于数字1和0的
虽然布尔值只有两个,但是ECMAScript可以将其它数据类型转换为布尔值,具体的转换规则如下所示:
当以下数据类型为如下值时,转换为布尔值为true:
Boolean——true
String——非空字符串
Number——非零数值(包括无穷值)
Object——任意对象
Undefined——N/A(不存在)

当以下数据类型为如下值时,转换为布尔值为false:
Boolean——false
String——""(空字符串)
Number——0、NaN
Object——null
Undefined——undefined

这种转换方式常用于if等流控制语句:

let message = "hello world !"
if(message){
  console.log("value is true.")
}

Number 类型##

八进制、十进制和十六进制的表示方法:
十进制是最基本的数值字面量,直接写出来即可:

let intNum = 55;      // 十进制整数

对于八进制字面量而言,第一个数字必须是零(0),然后后面才是相应的八进制数字(0-7),如果字面量中包含了超出给定有效范围的数值,或者前缀不是0,则会当成普通的十进制数来处理:

let octalNum1 = 070;    // 56(八进制)
let octalNum2 = 079;   // 79(被当成普通十进制处理)
let octalNum3 = 08;    // 8 (同上)

需要注意的是,八进制字面量在严格模式下是无效的,ES6中规定八进制数的表示方法的前缀为0o,如:

let octalNum1 = 0o253;    // 171(八进制)
let octalNum2 = 0o115;   // 77(同上)
let octalNum3 = 0o632;    // 410 (同上)

对于十六进制字面量而言,前缀必须为0x,然后才是十六进制数字(0-F),十六进制中的字母大小写均可,例如:

let hexNum1 = 0xA1;      //  161(十六进制)
let hexNum2 = 0xfff;        // 4095(同上)

使用八进制和十六进制创建的数值在所有数学操作中都被视为十进制数值

浮点值

若要定义浮点值,数值当中必须包含有小数点,且小数点后面至少要有一个数字,虽然小数点前面的数字可有可无,但还是推荐加上:

let floatNum1 = 1.1;     //  1.1
let floatNum2 = 0.1;     //  0.1
let floatNum3 = .1;       //  0.1(不推荐)

因为浮点值的存储空间会是整数值的两倍,所以ECMAScript总是想办法将值转换为整数,若小数点后面没有数字,则会自动转化为整数来处理;类似的,如果数值本身为整数,只是小数点后面跟着0,也会被转化为整数来处理:

let float1 = 1.;       //  小数点后面没用数字,当成整数1来处理
let float2 = 1.0;     //  本身是整数只是表示为小数,也当成整数来处理

科学计数法
如果要用科学计数法表示一个整数,则要求是一个数值(整数或浮点值),后面跟一个大写或者小写的字母e,再加上一个要乘的10的多少次幂:

let num1 = 3.1275e7;     // 等于31275000

同理,科学计数法也可以用来表示数值很小的值:

let num2 = 123e-5;      // 等于0.00123

虽然浮点值精度最高可以达到17位小数,但是在算数计算中远不如整数那么精确,比如:

0.1 + 0.2 ;    // 0.30000000000000004(答案不是0.3)

由于这种微小的舍入错误,导致实际操作时很难对浮点值进行测试,比如:

let a = 0.1;
let b = 0.2;
if(a + b == 0.3){
   console.log('you got 0.3.');      //  这种测试是没有任何意义的
}

因此我的建议是:永远不要测试某个特定的浮点值!
(注意:这种错误并非ECMAScript独有,其它使用IEEE754数值的语言也都有这个问题)

数值的范围:
由于内存限制,ECMAScript并不能支持这个世界上所有的值,实际上,它所能表示的值有一个限制范围:ECMAScript所能表示的最小值存储在Number.MIN_VALUE中,这个值一般是5e-324;最大值保存在Number.MAX_VALUE中,这个值一般是1.7976931348623157e+308
如果某个计算值超出了JavaScript所能表示的范围,那么这个值将会自动转换为一个特殊的Infinity值,其中正无穷表示为Infinity,负无穷表示为-Infinity:

let res = Number.MAX_VALUE + Number.MAX_VALUE;
console.log(res);     // Infinity

NaN
这是一个特殊的数值,意为“不是数值(not a number)”,用于表示本来会返回数值的操作失败了(并不是抛出错误)。比方说用0除其它任何数字在其它语言中通常会导致错误,以至于代码无法运行,但是在ECMAScript中,0、+0或-0相除会返回NaN:

0 / 0 ;        //   NaN

若是非零数值除0,则会返回Infinity或-Infinity:

5 / 0 ;      // Infinity

NaN有几个特殊的属性:首先涉及NaN的操作始终都会返回NaN,其次NaN不等于包含NaN在内的任何值,比如:

NaN == NaN;   //  false

ECMAScript提供了一个isNaN()函数,该函数可以接受一个参数,可以使任意数据类型,然后来判断这个参数是否是“不是数值”。参数在传入isNaN()函数后,该函数会尝试将它转换为数值。任何不能转换为数值的参数都会导致这个函数返回true,比如:

console.log(isNaN(NaN));      // true
console.log(isNaN(10));       //  false
console.log(isNaN('10'));      //  false,可以转换为数值10
console.log(isNaN('age'));      //  true
console.log(isNaN(true));      //   false,可以转换为数值1

数值转换:
有三个函数可以将非数值转换为数值:Number()、parseInt()、parseFloat()
Number()函数的转换基于以下规则:

  • 布尔值:true转换为1,false转换为0
  • 数值:直接返回
  • null:返回为0
  • undefined:返回为NaN
  • 字符串:应用以下规则:
    -- 如果字符串包含数字字符,包括数字字符前带有加、减号的情况,则转换为一个十进制数值(忽略前面的0)
    -- 如果字符串包含有效的浮点值格式,则转换为相应的浮点值(忽略前面的0)
    -- 如果字符串包含有效的十六进制格式,如0xff,则会转换为与之对应的十进制数值
    -- 如果是空字符串,返回0
    -- 如果字符串包含除上述情况以外的其它字符,返回NaN
    举例:
Number('hello world 123');    // NaN
Number('');                            // 0
Number('000000111');          // 111
Number(true)                       // 1

考虑到Number()函数转换字符串时相对复杂并且反常规,大多数时候我们都用parseInt()来得到整数
首先字符串前面的空格会被忽略,从第一个非空格字符开始,如果不是数值字符或者加减号,则立即返回NaN;如果第一个字符是数值字符或者加减号,则会继续以此检测每个字符,直到字符串末尾,或碰到非数字字符:

parseInt('      000245688aaadsdf');     //   245688(前面空格和0被完美的忽略掉了)
parseInt('3.14159');      // 3(小数点为非数字字符,其后的数字也被忽略掉)
parseInt('');       // NaN
parseInt('0xff');      // 255(十六进制会被转换为十进制)

parseInt()接受第二个参数,用来指定底数进行解析转化:

parseInt('100',2);     // 4(按二进制解析)
parseInt('100',8);     // 64(按八进制解析)
parseInt('100',10);     // 100(按十进制解析)
parseInt('100',16);     // 256(按十六进制解析)

因为如果不传入底数就相当于让parseInt()函数自己解析,因此为了避免出错,建议始终传入第二个参数

parseFloat()函数的工作方式与parseInt()函数类似,都是从头开始检测字符,直到字符串末尾。相比于parseInt()的唯一区别就是其只能解析十进制数值,因此无法传入第二个参数:

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

推荐阅读更多精彩内容