(1)关于两种数据类型
数据类型:基本数据类型和引用数据类型
基本数据类型包括以下
- Undefined
- Null
- Boolean
- Number
- String
数据存储方式
- 基本数据类型存储在栈内存
- 引用数据类型类型存储在堆内存中
var a = 1;//定义了一个number类型
var obj1 = {//定义了一个obj类型
name:'obj'
};
代码执行后,内存空间如下
这时候变量值obj1保存在栈空间中,真正对象保存在堆空间,我们只是通过变量中的引用类型的地址类操作实际对象
这时候我们接着执行下列代码:
var obj2 = obj1
obj2.name='obj2'
console.log(obj1)
我们发现这时候改变obj2中的name值,打印obj1的时候,发现obj1的name值也被改变了.
导致这一现象的原因是:
我们只是复制了一次引用类型的地址，所以，不管接下来我们是操作obj1还是obj2，本质上都是操作同一个对象。
深复制和浅复制
浅拷贝
浅拷贝:不能深层次的复制,如果对象里面有对象话,就实现不了复制
浅拷贝方法一
var obj2 = {}
for (const key in obj1) {
obj2[key]=obj1[key]
}
console.log(obj2)
浅拷贝方法二
var obj2 = Object.assign({},obj1)
console.log(obj2)
浅拷贝方法三
var obj2 = {...obj1}
console.log(obj2)
深拷贝
一.递归实现深拷贝
(1)首先使用instanceof判断深拷贝对象是数组还是对象
(2)关于Object.entries(obj)方法
let a = ['张三','李四']
console.log(JSON.stringify(Object.entries(a),null,2))
let b = {name:'张三',title:'李四'}
console.log(JSON.stringify(Object.entries(b),null,2))
打印返回的数据结果
(3)
function deepCopy(obj) {
let res = obj instanceof Array ? [] : {}
for (const [k, v] of Object.entries(obj)) {
res[k] = typeof v == "object" ? deepCopy(v) : v
}
return res
}
调用函数验证结果
let arr = [11, 33, [1, 2, 3], 55, 77, 99]
console.dir(arr)
let arr1 = deepCopy(arr)
arr1[2][2] = 4
console.dir(arr1)
验证成功
二.使用JSON对象的stringify和parse方法
不拷贝引用对象，拷贝一个字符串会新辟一个新的存储地址，这样就切断了引用对象的指针联系。
var a=[1,2,3]
var b=JSON.parse(JSON.stringify(a));
b.push(4);
console.log(b);//1,2,3,4
console.log(a)//1,2,3
