谈谈JS中的拷贝Copy复制的方法（Javascript拷贝）

拷贝（Copy），都是基于引用类数据来说的，基本数据类型直接在Heap中直接拷贝一份，引用数据类型分为浅拷贝和深拷贝；

虽然现在有很多数据库，直接封装好了一部分代码，我们直接引用就可以，比如Lodash，它的代码封装比较完善，但是我们还是要简单了解下拷贝的知识；

浅拷贝：复制的是一个引用地址，如果地址内的内容发生改变，所有的内容都会改变；

深拷贝：在内存中开辟出一块地盘，存放复制过来的对象；

例子我就不写了，直接封装函数，然后调用就可以了，有浅拷贝和深拷贝的几种写法，如有错，请指正，也不是我的原创，毕竟只是知识点，但是不知道转载谁的，所以如有侵权，请告知，谢谢

方法一： $qian();

function $qian(obj) {

let newObj = {};

for (let a in obj) {

if (obj.hasOwnProperty(a)) {

newObj[a] = obj[a];

};

return newObj;

};

方法二：$copy(a) 也是浅拷贝的一种

function $copy (obj){

return Array.isArray(obj) ? [...obj] : {...obj}

// return obj instanceof Array ? [...obj] : {...obj}

}

方法三 Object.assign(); 也是浅拷贝的一种

function copyAssign(obj) {

return obj instanceof Array ? Object.assign([],obj) : Object.assign({},obj);

}

方法四 JSON.parse(JSON.stringify());深拷贝的一种，通过JSON的转换，变成一个新的对象

function copyJSON(obj) {

return JSON.parse(JSON.stringify(obj))

}

方法五递归的封装Copy 深拷贝的一种

function deepCopy1(obj) {

const getType = (obj) => {

if (typeof obj !== 'object') {

return obj;

};

return Object.prototype.toString.call(obj).slice(8, -1);

};

let newObj = getType(obj) == 'Array' ? [] : {};

for (let a in obj) {

newObj[a] = typeof obj[a] === 'object' ? deepCopy1(obj[a]) : obj[a];

};

return newObj;

}

方法六；就是外部引用lodash文档，使用封装好的copy刚能函数

如果还有其他的方法，欢迎大家来交流

谈谈JS中的拷贝Copy复制的方法（Javascript拷贝）相关推荐

html js脚本限制正则,简单谈谈JS中的正则表达式
1.正则表达式包括两部分 ①定义正则表达式的规则: ②正则表达式的模式(i/g/m): 2.声明正则表达式 ① 字面量声明: var reg = /表达式规则/表达式模式: eg:var reg = ...
js中style.display=无效的解决方法
本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多 ...
js中string字符串转换为JSON对象 - 方法大全（4种）
js中string字符串转换为JSON对象 - 方法大全(4种) jQuery插件支持的转换方式: 示例: //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对 ...
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
简单谈谈js中的MVC
MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(数据).视图.控制器(分发器). 本文将用一个经典的例子todoList来展开(代码在最后). 一个事件发生的过程(通信单向流动): ...
谈谈JS中的函数劫持
说到劫持,第一反应可能是什么不好的东西.函数劫持并不邪恶,关键是看使用的人.虽然这个概念在前端领域使用较少,但是在安全领域.自定义业务等场景下还是有一定的使用价值的.所以,这一篇文章将会和大家一起去了 ...
js中实现深拷贝的4种方法
js中深拷贝的方法原生js中递归函数拷贝将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据 ,两个对象或数组不共享一块内存 <script>let obj={abc: ...
深入理解js中实现继承的原理和方法
原型对象继承原理:原型对象的属性可以经由对象实例访问下面的例子,所含[对象继承]和[构造函数继承],用于理解[原型属性经由对象实例访问] //对象继承 var person = {name:&qu ...
js中常用的数组和字符串方法
一:js中常用的数组方法 <script>//函数声明式中的方法const arr=[1,3,6,9,15,19,16];//函数的所有方法 map(),reduce(),filter() ...

谈谈JS中的拷贝Copy复制的方法（Javascript拷贝）

谈谈JS中的拷贝Copy复制的方法（Javascript拷贝）相关推荐

最新文章

热门文章