JS 里的数据类型转换

上一篇文章中介绍了js的七种数据类型分别为:Number、String、Boolean、Symbol、Null、Undefined、Object,前六种为基本数据类型,只有对象是复杂数据类型,下面说说他们各种数据类型之间互相转换的方法:

一、 任意类型转字符串

以下三种方法:(x为任意类型变量)

  • String(x)
    String方法的参数如果是对象,返回一个类型字符串
  • x.toString() (不适用于null 和 undefined)


    String(x)
  • x + '' (最简单常用,加空字符串)


    任意类型转字符串

二、任意类型转数字

有下面五中方法:

  • Number(x)
    Number函数比较严格,只要有一个字符无法转化为数值,整个字符串就返回NaN。


    Number函数
  • parseInt(x, 10)
  • parseFloat(x)
  • x - 0
  • +x


    任意类型转数字

三、任意类型转布尔

  • Boolean(x)
  • !!x 即取反两次


    任意类型转布尔

这里涉及到五个falsy值,分别为:0 、NaN 、''(空字符串)、null 、undefined
除了这五个值和false本身之外,其他值转换为布尔值都为true,空对象也是true,内容含有空格的字符串也是true

四、 内存图

计算机中所有程序的运行都是在内存中进行的,因此内存的性能对计算机的影响非常大。只要计算机在运行中,CPU就会把需要运算的数据调到内存中进行运算,当运算完成后CPU再将结果传送出来,内存的运行也决定了计算机的稳定运行。

计算机对已有的内存进行分配,根据情况分配给浏览器一定的内存,浏览器又给没个网页各自分配一定的内存,网页把这部分内存用于页面渲染器、网络模块、浏览器外壳和 JS 引擎(V8引擎)。

其中,JS引擎将内存分为代码区和数据区,JS引擎首先将变量提升到代码区,我们主要讨论的是,数据区如何存储值,数据区分为Stack(栈内存)和Heap(堆内存)
对于普通数据类型,我们直接将他们存储在Stack,但是对于对象,我们随时都有可能对他添加别的属性,需要不断地出栈入栈,,很麻烦,所以浏览器将对象存储在堆内存中,然后把对象在堆中对应的地址,存在Stack中,这样,每次要取对象的值时,就去Stack中找到的就是对应在堆中的地址。

所以在遇到响应问题的时候最好通过画图来解决,比如:

var a = 1
var b = a
b = 2
请问 a 显示是几?  
image.png
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少?
image.png
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少?
image.png
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么?
image.png
  • 深拷贝和浅拷贝
    在上面的几个例子中,有时候a的值不会受b值改变的影响,这就叫深拷贝
    有时候a的值会受b值改变的影响,这就叫浅拷贝
    对于所有的基本类型,他们之间的赋值比较简单,都是深拷贝
    而对于比较复杂的对象,要达到深拷贝,在复制时,所有的引用都要再复制一份,不能有任何关联
    浅拷贝的例子:
var a = {name: 'a'}
var b = a
b.name = 'b'
a.name === 'b' // true
//b的值改变,a的值也改变

深拷贝的例子(比较复杂)

var a = {name: 'a'}
var b = deepClone(a) // deepClone 还不知道怎么实现
b.name = 'b'
a.name === 'a' // true
//b的值改变,a的值不改变

五、 垃圾回收GC

如果一个对象没有被引用,它就是垃圾,会在一段时间内被浏览器回收
对于IE6及之前的一些版本,有可能会出现一些bug,使得该被标记为垃圾的没有被标记为垃圾,内存会一直被占用着,直到把整个浏览器关掉,这种现象就叫做内存泄漏

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