一、JS的数据类型:
基本数据类型:布尔类型、数值类型、字符串类型、undefined和null;
引用数据类型:数组、对象、函数。
在计算机程序执行时,将内存的存储空间虚拟的分成了两个部分,基本数据类型存储在栈中,复杂数据类型存储在堆中。
举例:
var a = 100 ; // 这是一个基本数据类型,变量a的数据存储的是数值100
var b =[1,2,3] // 这是一个复杂数据类型,变量b中存储的是数组的内存地址
二、数据的赋值操作
(1) 基本数据类型:
例如:
// 此时 str1 中存储的是 数据 北京
var str1 = '北京';
// 将 str1 中存储的数据北京 赋值给 str2
var str2 = str1;
// 之后对str1 的操作,与str2,无关
str1 = '上海';
console.log(str1 , str2);
// 输出 ‘上海’ ‘北京’
基本数据类型 赋值的是 存储的数据
赋值之后 两个变量没有关系
(2) 复杂(引用)数据类型:
例如:
// arr1 变量中 存储的是 数组的 内存地址
var arr1 = [1,2,3,4,5];
// 将arr1 存储的内存地址,赋值给arr2,两个变量存储的是相同的内存地址
var arr2 = arr1;
// arr1操作,数组,arr2也会改变
// 因为arr1和arr2,同时存储的是相同的数据,操作的也是同一个数组
// 同理,arr2,操作数组,arr1也会改变
arr1[0] = '北京';
console.log(arr2);
// 输出 ‘北京’,2.3.4.5
因为arr1,arr2,存储的是相同的内存地址,内容相同,只要一个数据发生变化,另一个也会改变。
对于引用数据的赋值,有时需要拷贝。拷贝存在两种类型:深拷贝与浅拷贝。
三、浅拷贝
所谓浅拷贝,是指直接将引用数据类型的内存地址,赋值给另一个变量存储。
两个变量存储的是相同的内存地址,一个操作,另一个也会改变。
如上例
四、深拷贝
不想两个变量操作数据 都发生改变,先建立一个独立的变量,复制引用数据类型的程序内容。
所谓深拷贝,是指 只复制引用数据类型中的数值,而不是复制地址。
例:
// 只复制arr3中的数据
var arr3 = ['北京','上海','广州','重庆','天津'];
// 循环遍历,获取arr3中的所有数据数值,赋值到新的数组中
var arr4 = [];
// 通过循环,生成arr3的所有索引下标
for(var i = 0 ; i <= arr3.length-1 ; i++){
// arr3[i] 就是获取 arr3中的 存储的 数据信息
// arr4.push() 将arr3中的数据 arr3[i] , 写入到 arr4中
arr4.push(arr3[i]);
}
console.log(arr4);
arr3[0] = '武汉';
console.log(arr3 , arr4);
//arr3 [0: "武汉", "上海","广州","重庆","天津" ]
//arr3 [0: "北京", "上海","广州","重庆","天津" ]
深拷贝循环遍历,获取引用数据类型中,存储的每个数据信息,赋值到新的变量中,赋值之后,两个变量没有任何关系。