zoukankan      html  css  js  c++  java
  • Javascript高级编程学习笔记(3)—— JS中的数据类型(1)

     前一段时间由于事情比较多,所以笔记耽搁了一段时间,从这一篇开始我会尽快写完这个系列。

    文章中有什么不足之处,还望各位大佬指出。

    JS中的数据类型

    上一篇中我写了有关JS引入的Script标签相关的东西。

    那么这一篇,我们可以正式进入JS的世界了,emmm

    前面的东西应该比较基础,大佬们不喜勿喷。

    首先学习一门语言,最开始不出意外的话应该是先了解这门语言由什么类型的数据组成,毕竟语言都是建立在这些数据类型的基础之上的。

    在介绍数据类型之前,我先大概说一下 typeof 操作符,这是JS中判断一个变量的数据类型的操作符,它的返回值是一个数据类型的字符串。

    下面我将先例举一下,typeof 的一些值的说明,以免大家对后面的内容产生疑问。

    1. typeof null === “object” 在JS中NULL被认为是空对象的引用,所以 typeof null 的值为“object”

    2. 在一些低版本浏览器中,typeof 对正则表达式的结果为“function” ,其它情况下对正则表达式使用 typeof 的返回值为“object”

    3.对未声明的变量使用 typeof 的返回值为 “undefined”

    4.对未初始化的变量使用 typeof 的返回值为 “undefined”

    PS. 若使用未声明的变量浏览器会报错,但是如果对未声明的变量使用 typeof 浏览器不会报错,并且会返回“undefined”

    对于第三点和第四点,为了将未声明,和未初始化加以区别,所以我们最好在声明变量时显示地初始化变量,这样就能通过 typeof 来判断一个变量到底是未声明,还是未初始化

    下面正式开始介绍。。。


    Undefined类型

    该类型只有一个值 那就是 undefined

    未经初始化的变量会默认取得该值

    对于undefined类型,需要注意的就是,不要显式地将变量初始化为undefined,这样你就不能判断这个变量是否已经声明。

    原因在上方,已做出说明

    var a = undefiend;

    即对于undefined不推荐上方的这种使用方式。

    这一类型的主要作用是用于比较,即判断数据的合法性,是这一类型最常见的作用

    Null类型

    这一类型与Undefined类型一样,都只有一个值,那就是null

    与undefined的区别在于,typeof 对于null 的返回值并不是 “null” 而是 “object”,因为null 在JS的逻辑中,通常代表一个空对象。

    而null本身代表的也是一个指向空对象的指针,所以typeof的返回值为“object”

    除此而外,有一个需要注意的地方就是,undefined派生自null,所以在ECMA-262的标准中,规定对于两者的相等性测试应该返回 true

    即,如下图所示

    这里的相等,是指 == (相等操作符)因为相等操作符要遵守的规则中,做出规定 undefined等于null(其余规则将在后面的文章中提到)

    而对于全等操作符 === 虽然 undefined和null被规定为值相等,但是两者的类型不同,一个是Undefined类型,另一个是Null类型,所以全等操作符的返回值为false

    并且与Undefined不同的是,JS中推荐将一切用于报存对象的变量初始化为null,因为这样做不仅能体现null是一个指向空对象的指针,还能对undefined加以区分

    Boolean类型

    该类型只有两个值,ture、false。

    要注意的是Boolean的true和false与数字的0和1没有必然联系

    如果说二者有什么联系的话,那么只能是两者经过类型转换后的值相等

    这里全等和相等的具体区别在后面的文章中会有所介绍

    需要注意的是true和false是区分大小写的,比如True代表的就是一个普通的变量,而true代表的就是boolean中的一个值

    虽然boolean类型只有两个值,但是其它所有的类型都有与Boolean值等价的值

    可以通过Boolean()转型函数将其它类型的值转换为boolean

    转换规则如下:

    数据类型            转换为true的值           转换为false的值

    Boolean                      true                          false

    String                  任意非空字符串           “”(空字符串)

    Number           任何非零值包括无穷         0和NaN

    Object                       任何对象                       无

    Undefined                    无                         undefined

    Null                              无                                null

    以上规则对于流控制语句同样适用

    因为 if 等流控制语句会自动执行Boolean类型转换

    Number类型

    该类型使用IEEE754格式(二进制浮点数运算标准)来表示整数和浮点数值。

    在此基础上JS定义了不同数值字面量的格式

    整数值

    十进制:

    默认的数值类型

    var a = 55;

    八进制:

    第一位必须为0,后面为八进制数据序列(0~7)

    若超出范围JS将忽略前导零,将后面的数字当作十进制解析

    需要注意的是八进制在严格模式下是无效的,支持的JS引擎会抛出错误

    十六进制:

    以0x开头(a~f 可大写可小写),对于超出范围的值js会抛出错误

    在进行运算时,八进制和十六进制最终都将被转为十进制,就如上面两张图所示

     PS 鉴于JS中数值保存的方式可以保存 +0 -0 两者被认为相等

     浮点数值

    对于浮点数值,即该数值中包含一个小数点,并且小数点后至少有一位数字。

    虽然小数点前面可以没有整数,但不推荐这种写法 如:.4

    在此基础上由于保存小数所需要的空间是保存整数值的两倍,因此如果小数点后没有数字,或者该小数表示的就是一个整数(1.000)JS会将该值转为整数

    对于极大或极小的数可以使用科学技术法来表示,即

    3.15e7

    所表示的值为3.15*10^7

    在默认情况下,JS会将小数点后带有6个0以上的浮点数值转为科学记数法表示

    除此而外,浮点数的精度为17位小数,但是计算时的准确度远不如整数

    比如大名鼎鼎的0.1加0.2的问题

    这是IEEE754的通病,并非JS特有,只要使用该标准的语言都会有这样的舍入误差

    所以我们不能测试特定的浮点数数值,不然很可能会出现问题

    如 if(a+b===0.3)

    数值范围

    JS所能保存的最小数值保存在Number.MIN_VALUE 中大多数浏览器中,该值为5e-324

    最大值保存在Number.MAX_VALUE中 大多数浏览器中该值为 1.7976931348623157e+308

    超出这个范围就会转为Infinity,该值无法用于计算,如果计算的值返回了Infinity那么将不能参与下一次的运算

    如果Infinity参与了运算,具体情况视操作符而定,后面的文章会讲到

    判断一个值是否为Infinity,可以使用isFinite()函数进行判断

    NaN

     这中类型是一个特殊的值,(Not a Number)即’不是一个数字‘

    用于表示,本来要返回一个数值,但返回的不是一个数值的情况,这样就可以避免抛出错误了,从而避免影响代码的运行。

    NaN有两个特点,首先任何涉及NaN的操作都会返回NaN

    其次,NaN与任何值都不相等,包括NaN本身

    为了判断NaN这一值,JS提供了isNaN()函数,

    该函数接收任何值,函数会尝试将该值转为数值,任何不能转为数值的值都会返回true

    关于对对象的转换,跟Number()方法的规则一致

    下方将会介绍

    数值转换

    有三个方法可以将非数值转换为数值

    Number()可用于任意数据类型

    parseInt()专用于字符串转数值

    parseFloat()专用于字符串转数值

    Number():

    对于Boolean类型 true 转为 1 ,false 转为 0

    对于Number类型 仅仅是值的传入和传出,不做处理

    对于Null类型 返回0

    对于Undefined类型 返回NaN

    对于String类型 :

    1.只包含数字,将其转为十进制数值,忽略前导零

    2.包含有效的浮点数格式,将其转为浮点数,同样会忽略前导零

    3.包含有效的十六进制的格式,转为十进制数字

    4.空字符串转为 0

    5.不是上述中的任意一种转为NaN

    对于Object类型:

    首先调用对象的Valueof()方法,若其返回值按照上方的规则可以转为数字,那么返回转换后的数字(包括NaN),如不能返回数字则调用的toString()进行转换,规则同上,若仍不能转为数字则报错,能转换则返回转换后的数字(包括NaN)

    例子如下:

    我们在看一下如果将toString’改为返回一个对象看看是否会报错

    该报错的大概意思为,不能将该对象转换为原始数据类型

    parseInt()

    由于Number()的处理较为复杂且有些不合理,所以将字符串转为整数时最好使用parseInt()

    转换规则如下:

    1.若第一个字符不是数字或者正负号则返回NaN

    2.若满足1则继续解析下一个字符,直到不为数字为止,然后以这一部分数字作为十进制的值返回

    如 “123lhy” 则返回123

    除此而外,该函数还能够解析八进制和16进制,对于八进制由于会产生歧义,所以最好使用第二个参数,来设置转换使用的基数,即使用多少进制

    Number.parseInt('123',16);

    parseFloat() 

    解析规则与parseInt()类似

    遇到第一个无效的浮点数位停止

    需要注意的地方在于该方法只解析十进制数,也不提供第二个参数设置基数

    除此而外如果数值可以解析为整数,那么会返回一个整数

     
    由于时间的限制,今天先介绍这四种类型,明天介绍剩下的String类型以及Object类型
  • 相关阅读:
    C# List对象集合重组为新集合和获取某个字段组成新数组
    sqlserver xml for path html标签被转译问题
    高中信息技术(Python)重难点3:最大公约数
    高中信息技术(Python)重难点2:编码
    高中信息技术(Python)重难点1:数制
    天天快乐编程监考系统使用文档
    2021年OI集训队赛前模拟5题解
    2021年OI集训队赛前模拟4题解
    mysql-shell部署MGR
    GreatSQL手工部署mgr集群
  • 原文地址:https://www.cnblogs.com/lhyxq/p/10058785.html
Copyright © 2011-2022 走看看