谈一谈JavaScript中的基本数据类型

作者: Shaneee | 来源:发表于2017-06-11 17:15 被阅读0次

    先来看一道很常见的面试题:
    JavaScript中有哪几种基本数据类型
    在看下面的答案之前你可以自己试着答一下

    答案:Undefined Null Boolean Number String。

    你或许认为这么基础的东西谁都会,然而我相信还是会有不少人答错,但是这并没有什么关系,至少现在你已经知道了正确答案。

    闲话少说,让我们来真正的探究一下JavaScript中的3个基本数据类型: Number String Boolean。

    0.1+0.2 ≠ 0.3 ?Number类型

    像标题中说的一样,你可以打开谷歌浏览器中的console控制台,输入以下语句,单击回车。

    console.log(0.1+0.2)
    0.30000000000000004

    然后你惊奇的发现,结果并不是0.3,甚至0.1+0.2 == 0.3 的返回值是false
    这是为什么? 这是因为JavaScript中的number数据类型的浮点精度问题,让我们看一下Number数据类型。

    var n = 21
    number类型最基本的声明方式。
    var n = 021
    表示八进制数17。
    var n = 0xA
    表示16进制数10。

    如果你是一个调皮的人故意这样写:
    var n = 098
    放心吧,解释器会自动解析为98。

    1. 浮点数值

    我们都知道JavaScript是一门弱类型语言,并没有C 、Java等语言那么严格,所有整数、浮点数都是同一种数据类型 Number 来表示,但是浮点数值和整数数值有区别吗?有:

    • 保存浮点数值需要的内存空间是保存整数的两倍
      任何一个浮点数都要更大的存储空间,例如2.1,10.0这样的值浏览器会 自动转化为整数

    • 浮点数值在进行算数计算时精度远远不如整数
      浮点数值的最高精度是17位小数,但是在进行算数计算时其精度远远不 如整数:0.1+0.2 === 0.30000000000000004。

    1. 数值范围
      JavaScript中的数值都在 [- Infinity, Infinity] 里面
    2. NaN
      或许在文章开头有人就想到了NaN,NaN难道不是一种简单的数据类型 吗?不是的,它是Number中的一部分。

    NaN是一种表示非数值的一种特殊的数值,好绕嘴…而且在它身上有很多奇怪的特性:

    • 任何涉及NaN的操作都返回NaN。

    • NaN与任何值都不相等。
      抽象的东西用语言并不能很好的阐述,可以看一组例子:


      3.1.jpg

      我们可以用isNaN() 函数来判断某些“数值”是不是NaN,仍然来看一组例子:

      3.2.jpg
    1. 数值转换
      牢记三个函数:Number()、parseInt()、parseFloat()
    • Number()
      Number() 函数可以把任何类型的的值转换为数值
      直接上图,清晰明了

      3.3.jpg

      这里说一下是对象的情况: 先调用对象的valueOf方法,得出的值按图片中的规则去解释,如果是NaN,那么就调用它的toSting() 方法,再按图片中的规则解释。

    • parseInt()
      parseInt() 函数是最合适也是用的最多的字符串转整数的函数。此函数里面的参数是数字、字符串以外的任何类型参数都会返回NaN。仍然上图:

      3.4.jpg

      parseInt() 函数其实是有两个参数,虽然忽略第二个好像没有什么问题,但是其实它得到的结果有可能不是你想要的:
      parseInt(070) // 56
      浏览器解释器会按照它是8进制位解析,如果你想得到你想要的答案,那么就一定要加入第二个参数:
      parseInt(070, 10) // 70
      意思是返回 10进制位的数。

    • parseFloat()
      parseFloat() 函数和parseInt看起来好像表现相同,但是它没有第二个参数,只能解析十进制数

    “Hello World”,String类型

    一个简单的字符串声明:
    var str = ‘hello’;
    每一个字符串都有一个length属性:
    str.length // 5

    转换为字符串

    1. toString方法
    • 几乎任何值都有一个toString()方法,而且他们各自的表现也不尽相同:
    true.toString()          // “true”
    var n = 45;
    var o = {};
    n.toString()            // “45”
    o.toString()            // “[object Object]”
    

    你可能问为什么没有null和undefined,很遗憾,他们都没有toString() 方法。

    • 当数值转化为字符串时,toString()方法还可以传递一个参数,来决定输出的值为二进制,八进制还是16进制:
    var num = 10;
    num.toString()            //"10"
    num.toString(10)          //"10"
    num.toString(2)           //"110"
    num.toString(8)           //"12"
    num.toString(16)          //"a"
    
    1. String() 函数
      上面说到null、undefined都没有toString()方法,这个时候就可以用String()方法了:
      String(null) // "null"
      String(undefined) // "undefined"
      传入其他参数与 toString() 方法没有区别

    2. ‘+’ 操作符
      这种方式是我们最常用也是最简单的方法:
      "10" + true // "10true"

    真假对错,Boolean类型

    布尔类型值有两种:true、false

    Boolean类型中一个很重要的问题,也是很常用的:我们看到的一些值哪些为false ?
    答:false 、" " 、0、NaN、null、undefined

    转换为Boolean型
    如果你仔细看了上面的两个类型的转换,可能你已经猜到了:Boolean() 函数,参数如果为以上六个为false的值,那么就会返回false,其余都会返回true。

    写了一个下午好累啊,如果有什么错误还请各位技术爱好者们指出。


    相关文章

      网友评论

        本文标题:谈一谈JavaScript中的基本数据类型

        本文链接:https://www.haomeiwen.com/subject/ljwhqxtx.html