js拷贝 - 浅拷贝，深拷贝

最新推荐文章于 2024-09-27 09:34:18 发布

房东的羊

最新推荐文章于 2024-09-27 09:34:18 发布

阅读量75

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/dp1619711764/article/details/126514427

版权

本文介绍了JavaScript中的两种对象拷贝方法：浅拷贝和深拷贝。浅拷贝通过`Object.assign()`实现，仅复制对象最外层；深拷贝则是递归复制所有层级，确保新对象与原对象完全独立。文中提供了详细的代码示例，展示了如何实现深拷贝，并通过修改原对象属性验证了拷贝的独立性。

摘要由CSDN通过智能技术生成

1.浅拷贝

含义：只拷贝最外面层的拷贝方式,

方法： object.assign(新函数，被拷贝的函数)

代码：

let obj = {
           uname : 'xxx',
           age : 22,
           sex : '男',
           color : ['red', 'blue', 'yellow', 'pink'],
           message : {
               index : 1,
               score : 99
           }
       }

let newObj = {};

Object.assign(newObj, obj);

console.log( obj, newObj );

2.深拷贝

含义：所有层都拷贝的方式

方法：封装函数用for遍历 if语句判断是否为数组、对象类型

代码：

let obj = {
           uname : 'xxx,
           age : 22,
           sex : '男',
           color : ['red', 'blue', 'yellow', 'pink'],
           message : {
               index : 1,
               score : 99
           }
       }

let newObj = {};

function kaobei (newObj, obj) {

for ( let key in obj ) {

               if ( obj[key] instanceof Array ) {// obj[key] 是数组
                   // obj[key]是数组，遍历
                   newObj[key] = [];
                   kaobei(newObj[key], obj[key]);
               } else if ( obj[key] instanceof Object ) { // obj[key]是对象
                   // obj[key]是对象，遍历
                   newObj[key] = {};
                   kaobei(newObj[key], obj[key]);
               } else {
                   newObj[key] = obj[key];
               }

}

kaobei(newObj, obj);

obj.message.score = 123;

console.log( obj, newObj );