初探JavaScript之浅拷贝

最新推荐文章于 2024-04-25 16:43:08 发布

kiss烟雨

最新推荐文章于 2024-04-25 16:43:08 发布

阅读量102

点赞数 1

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46308155/article/details/107596413

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>对象拷贝</title>
</head>
<body>
	<script type="text/javascript">
		//对象浅拷贝------------>>>>>>>>>>>
		Object.prototype.nmu = 1;
		var person1 = {
			name: '张三',
			age: 18,
			sex: 'male',
			height: '180cm',
			weighut: '70KG',
		}
		var person2 = {}//创建一个空对象,将原始对象拷贝到一个空对象里
		function clone(origin,target){	//拷贝函数
			for(var key in person1){	
				//运用for...in循环，依次将person1的属性添加到person2中
				//原对象和拷贝对象指向不同的内存地址，修改原对象和克隆对象，互补影响
			target[key] = origin[key];
			}
		}
		clone(person1,person2);//执行拷贝函数，并传入参数
		person2.name = '李四',
		console.log(person1);
		console.log(person2);
	</script>
</body>
</html>

浅拷贝只拷贝对象的基础属性值，新建一个对象，然后通过遍历原对象，将所有的属性赋值给新的对象

kiss烟雨

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初探JavaScript之浅拷贝

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象拷贝</title></head><body> <script type="text/javascript"> //对象浅拷贝------------>>>>>>>>>>> O
复制链接

扫一扫