2021-11-27 值类型 深浅拷贝 对象方法

值类型:

简单(一般)数据类型:

字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol

引用(复杂)数据类型:

对象(Object)、数组(Array)、函数(Function),

数据类型不同,那么浏览器对其内部操作也就不大相同,尤其是对于复杂数据类型而言,很有可能造成一些不必要的麻烦,变量的值如果是一般数据类型的话,浏览器会把这个值存放到【栈】中,如果是复杂数据类型将会在【堆】中开辟一个新的空间用于单独存放,其中的【栈】和【堆】是一种概念,相当于内存中某处存放数据的地方,对于【栈】,是有一定大小空间的,如果这个数据过于庞大,比如一些数位高的惊人的数据,在处理上也会造成延误或者滞留。

比如:

let a = 100,   let b = a ,那么b的结果也将等于100

let a = { name : '王二麻子' }  ,  let b = a ,由于此时两个变量都是指向一个值,而由于对象的值是存放在【堆】里面的,【堆】会将数据的位置生成一串内部地址存放在【栈】里,a和b都指向这个地址,则此时 b的结果也将会是 { name:'王二麻子'}  ,但如果此时赋值 b = { name : '路人甲' },则由于更改的是同一内存地址内的值,则这个值也会影响a的取值,此时的a也会等于 { name : '路人甲' }


深浅拷贝:

由上文引起对于深浅拷贝的初级概念(后面对于JSON的方法概念也会加深这个理解),深拷贝就是不影响其他变量的值,将地址,文件全复制,浅拷贝就是仅复制地址,更改其值会影响调用该地址的其他对象,上文的a和b就是例子,b仅复制了a的地址,赋值b的同时也会影响a的内容,

由浅拷贝变深拷贝的方法:

定义b为一个新的地址(即开辟一个新的数据存放在【堆】中),let b = { } , 然后b【“name”】= ’炮灰丙’,则此时重定义后的b虽然前面也”=“a了但自己开辟了一个内存地址,即可在不影响a的情况下变更该值,

或者,使用数组方法【concat()】,

let a = [ 1,3,5 ] 

let b = 【 】   ,  b.concat(a) 

那么 b = 【 1,3,5 】,更改b[0]=3,

那么:a = [1,3,5]、b = [ 3,3,5]

运用扩展运算符:用于取出参数对象所有可遍历属性然后拷贝到当前对象(自定义的属性在拓展运算符后面,则拓展运算符对象内部同名的属性将被覆盖掉。

let person = {name: "Amy", age: 15};

let someone = { ...person };

someone; //{name: "Amy", age: 15}


对象方法:(ES6新增)

Object.assign(target, source_1, ···)(用于将源对象的所有可枚举属性复制到目标对象中)(浅拷贝)

let target = {a: 1};

let object2 = {b: 2};

let object3 = {c: 3};

Object.assign(target,object2,object3);

target; // {a: 1, b: 2, c: 3}

如果目标对象和源对象有同名属性,或者多个源对象有同名属性,则后面的属性会覆盖前面的属性,且如果该函数只有一个参数,当参数为对象时,直接返回该对象;当参数不是对象时,会先将参数转为对象然后返回(详细可参考菜鸟教程3.2.3 ES6 对象 | 菜鸟教程

Object.is(value1, value2)(用来比较两个值是否严格相等,与(===)基本类似)

Object.is("q","q"); // true

Object.is(1,1); // true

Object.is([1],[1]); // false

Object.is({q:1},{q:1}); // false

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

推荐阅读更多精彩内容