本篇文章给大家带来的内容是关于js中浅拷贝与深拷贝的简单介绍以及实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
首要声明:什么数据类型才有拷贝一说? 毋庸置疑,数组和对象[array&object]
浅拷贝:
* --- 拷贝数据的方法(影响原数据就是浅拷贝)
* 1.直接复制给变量 //浅拷贝
* 2.object.assign() //对象浅拷贝
* 3.array.prototype.concat() //数组浅拷贝
* 4.array.prototype.slice() //数组浅拷贝
深拷贝:
方式一:
//无嵌套对象或者数组浅拷贝function simpledeepclone(target){ return json.parse(json.stringify(target));}
方式二:
//嵌套对象或者数组深拷贝//定义检测数据类型的函数function checktype(target) { return object.prototype.tostring.call(target).slice(8, -1);}//实现深度拷贝function clone(target) { //判断拷贝的数据类型 let result, targettype = checktype(target); if (targettype === 'object') { result = {}; } else if (targettype === 'array') { result = []; } else { return target; } //遍历目标数据 for (let i in target) { //获取数据对象的每一个值 let value = target[i]; //判断目标结构里面是否存在对象/数组 if (checktype(value) === 'object' || checktype(value) === 'array') { //继续遍历 result[i] = clone(value); } else { //获取到的value值是基本的数据类型或者函数 result[i] = value; } } return result;}
相关推荐:
jquery的$.extend浅拷贝与深拷贝实例解析
js实现深浅拷贝方法
以上就是js中浅拷贝与深拷贝的简单介绍以及实现方法的详细内容。