es6语法实现对象浅拷贝和深拷贝的介绍(附代码)

636 ℃

今天给大家介绍一下关于es6语法实现对象浅拷贝深拷贝,下面小编给大家介绍一下代码!

利用Object.assign()实现浅拷贝

let target = {}; // 目标对象
let source = {
  a: 1
} // 原对象

Object.assign(target, source);
console.log(target.a); // 1
source.a = 2;
console.log(source.a); // 2
console.log(target.a); // 1

利用JSON.stringify()实现深拷贝

let target = {}; // 目标对象
let source = {
  a: 1,
  b: {
    d: 3
  }
} // 原对象

let targetStr = JSON.stringify(source);
let target = JSON.parse(targetStr);
console.log(target); // {a: 1, b: {d: 3}}
source.b.d = 10;
console.log(source); // {a: 1, b: {d: 10}}
console.log(target); // {a: 1, b: {d: 3}}

JavaScript中文乱码是什么原因导致的,如何解决

js如何实现深拷贝

js实现字符串与对象互相转换的方法

es6语法如何实现对象深拷贝

es6语法如何实现对象浅拷贝

标签: JSON.stringify, Object.assign, 浅拷贝, 深拷贝

上面是“es6语法实现对象浅拷贝和深拷贝的介绍(附代码)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2557.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

vue中解决post方法application/x-www-form-urlencoded格式编码数据
php语法如何利用foreach循环处理数组
jquery如何获取表格有多少行(tr有几个td)
如何利用php语法模拟不同ip访问
vue年会跑马灯抽奖活动代码