900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JavaScript的深浅拷贝

JavaScript的深浅拷贝

时间:2023-05-09 19:43:13

相关推荐

JavaScript的深浅拷贝

首先,要知道基本类型是没有深浅拷贝之分的,因为基本类型在进行复制时,就是将值直接复制给另一个;

而引用类型在进行复制时,由于占用内存比较大,只会复制引用地址,相当于复制只是共用了同一个对象/数组。

这样我们在更改一个时,另一个对象/数组就会跟着发生变化,如果我们不想要这种效果,就需要对其进行完全复制,使两个对象不再共用同一个对象/数组,相当于只是把一个对象/数组的值赋值给另一个对象/数组。

浅拷贝:只进行浅层的复制,只复制一层,更深层的数据发生改变另一个对象还是会发生改变。

使用for/in方式。

let obj1 = {name: "krismile"};let obj2 = {};for(const key in obj) {obj2[key] = obj1[key];}

使用Object.assign函数。这个函数是将两个对象进行合并的,使两个对象的属性叠加,后面对象属性覆盖前面对象同名属性。

let obj1 = {name: "krismile"};let obj2 = {obj: Object.assign({}, obj1);

使用…语法。

let obj1 = {name: "krismile"};let obj2 = {...obj1};

深拷贝:进行深层次的拷贝,完全赋值,使两个对象/数组不相关。

function deepCopy(object) {let obj = object instanceof Array ? [] : {};for(const [k, v] of Object.entries(object)) {obj[k] = typeof v == 'object' ? deepCopy(v) : v;}return obj;}//or//obj传入是复制对象还是数组的判断,如{}、[],object传入要复制的值function deepCopy(obj, object) {var o = obj;for(var key in object) {if(typeof object[key] === 'object') {//使用constructor判断类型是数组还是对象o[key] = (object[key].constructor === Array) ? [] : {};deepCopy(o[key], object[key]);}else {o[key] = object[key];}}return o;}

以上根据自己的理解所写,如有错误,请大佬们指正,❥(ゝω・✿ฺ)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。