javascript中深拷贝与浅拷贝

shuffle_boy

已于 2025-03-27 01:08:53 修改

阅读量159

点赞数

分类专栏： javascript 文章标签： jquery javascript es6

于 2020-04-08 16:14:18 首次发布

本文章版权归shuffleboy所有，转载请注明出处

本文链接：https://blog.youkuaiyun.com/shuffle_boy/article/details/105390331

版权

javascript 专栏收录该内容

19 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>深浅拷贝</title>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
	<script>
		var oldobj={
			name:'呀呀呀',
			older:{
				age:13
			},
			color:['pink','red','orange']
		}
		var newobj={};
	//js原生语法浅拷贝
	   /*for(var i in oldobj){
	   	 newobj[i]=oldobj[i];
	   }
	   newobj.older.age=23;
     console.log(oldobj);*/
  //js语法糖浅拷贝
    /*Object.assign(newobj,oldobj);
    newobj.older.age=23;
    console.log(oldobj);*/
  //js语法糖深拷贝
    function deepCopy(newobj,oldobj){
       for(k in oldobj){
       	  var item=oldobj[k];
       	  if(item instanceof Array){
             newobj[k]=[];
             deepCopy(newobj[k],item);
       	  }else if(item instanceof Object){
       	  	newobj[k]={};
       	  	deepCopy(newobj[k],item)
       	  }else{
       	  	newobj[k]=oldobj[k];
       	  }
       }
    }
    deepCopy(newobj,oldobj);
    newobj.older.age=23;
		console.log(oldobj);
  //jQuery浅拷贝
   /* $.extend(newobj,oldobj);
		newobj.older.age=23;
		console.log(oldobj);*/
	//jQuery深拷贝
    /*$.extend(true,newobj,oldobj);
    newobj.older.age=23;
    console.log(oldobj);*/
	</script>
</body>
</html>