vue对象深拷贝_Vue 对数据对象实现深拷贝赋值

在日常的Vue开发工作中，我们经常对请求来的数据进行变量赋值操作，再用变量去进行数据渲染。然而我们知道，我们经常用的赋值方式 “=” 实际上属于数据的浅拷贝，也就是当你改变赋值变量时，原数据也会发生相应变化。var a = ['1', '2', '3', '4', '5'];

var b = a;

b[0] = '2';

console.log(a); // ['2', '2', '3', '4', '5']

console.log(b); // ['2', '2', '3', '4', '5']

//因为b浅拷贝a, ab指向同一个内存地址(堆内存中存的值)

那当我们需要改变变量的值但是不改变原来数据的时候，我们可以借助JSON方法来实现数据的深拷贝赋值：JSON.parse(JSON.stringify(this.responseData));

e.g：let data1 = this.selectform.keyList

let data2 = JSON.parse(JSON.stringify(this.selectform.keyList))

data1.a = 'test'

console.log(data1.a) // test

console.log(this.selectform.keyList.a) // test

data2.a = 'test222'

console.log(keydata2.a) // test222

console.log(this.selectform.keyList.a) // test

*附深浅拷贝示意图：

浅拷贝：

深拷贝：

vue对象深拷贝_Vue 对数据对象实现深拷贝赋值相关推荐

vue 字典配置_vue遍历数据及字典的方法
数组:数值 {{ item.message }} 数组:数值加索引 {{ item.msg }} {{index}} 字典:key value index {{ value }} {{key}} {{ ...
我的KT库之----数据对象
了解或者认识KT: http://www.cnblogs.com/kingthy/archive/2011/08/08/2130973.html 在项目中如何使用KT? KT是一个库,所以将KT的dl ...
简述oracle的主要数据库对象,Oracle数据库数据对象分析
Oracle数据库数据对象分析 Oracle数据库数据对象中最基本的是表和视图,其他还有约束.序列.函数.存储过程.包.触发器等.对数据库的操作可以基本归结为对数据对象的操作,理解和掌握Oracle数 ...
数据对象、属性和相似性
文章目录数据对象.属性和相似性数据对象属性属性类型数据对象相似性.相异性数据对象.属性和相似性数据对象别名:样本.实例.数据点或对象一般使用属性对应属性值来描述数据对象哈士奇: ...
Redis教程：数据对象分析（一）
目录 1 五种基本数据对象 2 数据结构对象分析 2.1 类型 2.2 编码与底层实现 2.3 编码转换 1 五种基本数据对象图1 redis数据对象 2 数据结构对象分析 Redis中的每个对象都 ...
ORACLE 常用的SQL语法和数据对象
一.数据控制语句 (DML) 部分 1.INSERT (往数据表里插入记录的语句) INSERT INTO 表名(字段名1, 字段名2, --) VALUES ( 值1, 值2, --); INSE ...
数据库：数据类型、数据项、数据元素、数据对象、数据结构的概念与相互之间的关系
一.数据类型概念:一个值的集合和定义在这个值集上一组操作的的总称. (一个值的集合怎么理解呢,比如在C语言中,char类型数据范围是:-127~128,.而一组操作可以理解为类型所支持的操作方式,比 ...
什么事数据对象以及属性分为什么类型？
数据对象与属性类型数据集由数据对象组成.一个数据对象代表一个实体.例如,在销售数据库中,对象可以是顾客.商品或销售;在医疗数据库中,对象可以是患者;在大学的数据库中,对象可以是学生.教授和课程. ...
服务数据对象简介(Java 环境中的下一代数据编程)
如果您认为 J2EE 编程模型和 API 迫使开发人员在特定于技术的配置.编程和调试上浪费了太多的时间,那么欢迎您阅读本文.很多 Java™ 开发人员都怀疑如何能以统一的方式访问异构的数据,并对各种提 ...

vue对象深拷贝_Vue 对数据对象实现深拷贝赋值

vue对象深拷贝_Vue 对数据对象实现深拷贝赋值相关推荐

最新文章

热门文章