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

先来看一道很常见的面试题:
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。

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


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

推荐阅读更多精彩内容