栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js对象深拷贝的方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js对象深拷贝的方法

小编向大家介绍过了Javascript中对象是什么(https://www.py.cn/web/js/22873.html)。既然Javascript中所有的事物都是对象, 那么难免会遇到拷贝的情况,本文小编就向大家介绍Javascript中对象深拷贝的方法:1. 序列化转成json字符串深拷贝;2. Object.assign()深拷贝;3. 循环递归深拷贝(万能方法)。

1. 序列化转成json字符串深拷贝

let newData = JSON.parse(JSON.stringify(data));
 
if (newData === data) {
    console.log(true);
} else {
    console.log(false);
}
// false

注意:此方法仅在原对象包含可序列化值类型且没有任何循环引用时才有效。

2. Object.assign()深拷贝

var obj3 = {};
将obj合并到obj3上
Object.assign(obj3, obj);
console.log(obj3);// {name: "小甜甜", age: 24, say: ƒ}
// 修改obj3的值原对象也不会发生改变
obj3.age = 66; console.log(obj);
// {name: "小甜甜", age: 24, say: ƒ} console.log(obj3);
// {name: "小甜甜", age: 66, say: ƒ}

注意:要拷贝的对象source里面的属性不是基础类型也是对象,或者属性含有对象数组,那这种方式的拷贝就不会把source对象里面的对象或者数组对象进行深拷贝。

3. 循环递归深拷贝(万能方法)

var arr = [1,2,3,4,5]
var arr2 = copyArr(arr)
function copyArr(arr) {
let res = []
for (let i = 0; i < arr.length; i++) {
 res.push(arr[i])
}
return res
}

以上就是js对象深拷贝的三种方法,使用循环递归的方法进行深拷贝是最优的一种方法,比较推荐哦~更多js学习推荐:js教程。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/14615.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号