| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> js中浅拷贝与深拷贝的区别及实现方法 -> 正文阅读 |
|
[JavaScript知识库]js中浅拷贝与深拷贝的区别及实现方法 |
浅拷贝:浅拷贝就是只拷贝一层,更深层次对象级别只拷贝引用(地址) 当拷贝的新对象发生改变时,原对象也会发生相同的改变,也就是说,浅拷贝会影响原来的元素 实现方法:1、直接赋值法:
输出:[1, 5, 3],[1, 5, 3]
输出:{name: '小明', age: 18, car: '电动车'},{name: '小明', age: 18, car: '电动车'} 2、Object.assign(参数1,参数2) 此方法类似于将对象合并,如果参数1与参数2key值相同,参数2的值会覆盖参数1
输出: {age:?20 ,car:?{a:?'宝马'} ,name:?"小红" ,sex:?"女"} {age:?20 ,car:?{a:?'宝马'} ,name:?"小红" ,sex:?"女"} 深拷贝:深拷贝拷贝多层,每一级的数据都会拷贝 深拷贝只拷贝内容,两个对象拥有不同的地址 当拷贝出来的对象发生改变时,原对象内容不会改变,两者互不影响 实现方法:1、使用JSON
输出: {name: '小明', sex: '男', car: {a:?'电动车'}} {name: '小李', sex: '女', car: {a:?'电动车'}} 2、根据属性进行深拷贝:
输出:{id: 1, name: 'andy', msg: {?age:?18 }, color: ['pink',?'red']} 3、使用解构赋值和剩余值进行深拷贝
输出:{name: '小明', age: 20, color: ['black','yellow'], msg: {a:?'我想你'}} {name: '小明', age: 18, color: ['black','yellow'], msg: {a:?'我想你'}} |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 4:56:22- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |