您的位置：首页 > Web前端

web前端js基础之，简单理解“深拷贝与浅拷贝”

2018-10-23 15:32 113 查看

[code]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单理解深拷贝与浅拷贝</title>
</head>
<body>
<ul>
<li></li>
<li></li>
<hr>
<li></li>
<li></li>
</ul>
</body>
</html>
<script>
var lis =  document.getElementsByTagName("li");
var arr = ["深","浅","拷","贝"];

//浅拷贝
var str = arr;//像str这样直接被赋值的形式就是“浅拷贝”
str[0] = "改变";
lis[0].innerHTML = str[1] + str[2] +str[3];
lis[1].innerHTML = str[0];
//第一步：定义一个数组
//第二步：定义一个变量接收这个数组，再改变这个数组的一个数
//第三步：打印出数组

// 深拷贝：
var newarr = arr.slice(0,3);//
newarr[0] = "深";
lis[2].innerHTML = newarr[0]+newarr[1]+newarr[2];

//第一步：在这个例子里，用数组的方法返回选定的数组。
//第二步：改变返回数组的其中1个
//第三步：打印出数组

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航