先来看一道很常见的面试题:
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。
- 浮点数值
我们都知道JavaScript是一门弱类型语言,并没有C 、Java等语言那么严格,所有整数、浮点数都是同一种数据类型 Number 来表示,但是浮点数值和整数数值有区别吗?有:
保存浮点数值需要的内存空间是保存整数的两倍
任何一个浮点数都要更大的存储空间,例如2.1,10.0这样的值浏览器会 自动转化为整数浮点数值在进行算数计算时精度远远不如整数
浮点数值的最高精度是17位小数,但是在进行算数计算时其精度远远不 如整数:0.1+0.2 === 0.30000000000000004。
- 数值范围
JavaScript中的数值都在 [- Infinity, Infinity] 里面 - NaN
或许在文章开头有人就想到了NaN,NaN难道不是一种简单的数据类型 吗?不是的,它是Number中的一部分。
NaN是一种表示非数值的一种特殊的数值,好绕嘴…而且在它身上有很多奇怪的特性:
任何涉及NaN的操作都返回NaN。
-
NaN与任何值都不相等。
抽象的东西用语言并不能很好的阐述,可以看一组例子:
我们可以用isNaN() 函数来判断某些“数值”是不是NaN,仍然来看一组例子:
- 数值转换
牢记三个函数:Number()、parseInt()、parseFloat()
-
Number()
Number() 函数可以把任何类型的的值转换为数值
直接上图,清晰明了
这里说一下是对象的情况: 先调用对象的valueOf方法,得出的值按图片中的规则去解释,如果是NaN,那么就调用它的toSting() 方法,再按图片中的规则解释。
-
parseInt()
parseInt() 函数是最合适也是用的最多的字符串转整数的函数。此函数里面的参数是数字、字符串以外的任何类型参数都会返回NaN。仍然上图:parseInt() 函数其实是有两个参数,虽然忽略第二个好像没有什么问题,但是其实它得到的结果有可能不是你想要的:
parseInt(070) // 56
浏览器解释器会按照它是8进制位解析,如果你想得到你想要的答案,那么就一定要加入第二个参数:
parseInt(070, 10) // 70
意思是返回 10进制位的数。 parseFloat()
parseFloat() 函数和parseInt看起来好像表现相同,但是它没有第二个参数,只能解析十进制数
“Hello World”,String类型
一个简单的字符串声明:
var str = ‘hello’;
每一个字符串都有一个length属性:
str.length // 5
转换为字符串
- 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"
String() 函数
上面说到null、undefined都没有toString()方法,这个时候就可以用String()方法了:
String(null) // "null"
String(undefined) // "undefined"
传入其他参数与 toString() 方法没有区别‘+’ 操作符
这种方式是我们最常用也是最简单的方法:
"10" + true // "10true"
真假对错,Boolean类型
布尔类型值有两种:true、false
Boolean类型中一个很重要的问题,也是很常用的:我们看到的一些值哪些为false ?
答:false 、" " 、0、NaN、null、undefined
转换为Boolean型
如果你仔细看了上面的两个类型的转换,可能你已经猜到了:Boolean() 函数,参数如果为以上六个为false的值,那么就会返回false,其余都会返回true。
写了一个下午好累啊,如果有什么错误还请各位技术爱好者们指出。