首页投稿(暂停使用,暂停投稿)让前端飞

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

2017-06-11  本文已影响0人  Shaneee

先来看一道很常见的面试题:
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 来表示,但是浮点数值和整数数值有区别吗?有:

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

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

  1. 数值转换
    牢记三个函数:Number()、parseInt()、parseFloat()

“Hello World”,String类型

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

转换为字符串

  1. toString方法
true.toString()          // “true”
var n = 45;
var o = {};
n.toString()            // “45”
o.toString()            // “[object Object]”

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

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。

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


上一篇下一篇

猜你喜欢

热点阅读