深拷贝，浅拷贝，数组去重

引用类型的赋值操作

1.简单数据类型/基本数据类型

基本数据类型

• ​ 赋值的是 存储的数据
• ​ 赋值之后 两个变量没有关系

<script>
// 此时 str1 中存储的是 数据 北京
	var str1='北京';
    
// 将 str1 中存储的数据北京 赋值给 str2 
	var str2=str1;
    
// 之后对str1 的操作,与str2,无关    
	str1='上海';
    
	console.log(str1,str2);--->上海，北京
</script>

2.引用数据类型/复杂数据类型

引用数据类型

浅拷贝

• ​ 直接赋值 赋值的是 内存地址
• ​ 赋值之后 两个变量使用的相同内容，一个操作，另一个也改变

<script>
// arr1 变量中 存储的是 数组的 内存地址
	var arr1=[1,2,3,4,5];
	
// 将arr1 存储的内存地址,赋值给arr2,两个变量存储的是相同的内存地址
	var arr2=arr1;
	
// arr1操作,数组,arr2也会改变
// 因为arr1和arr2,同时存储的是相同的数据,操作的也是同一个数组
// 同理,arr2,操作数组,arr1也会改变
	arr1[0]='北京';
	
	console.log(arr2);
</script>
// 直接将一个引用数据类型的地址,赋值给另一个变量存储的,称为浅拷贝
// 两个变量存储的是相同的内存地址,一个操作,另一个也会改变

深拷贝

​ 循环遍历,获取引用数据类型中,存储的每一个数据信息

​ 赋值到新的变量中

​ 赋值之后 两个变量,没有任何关系

// 只复制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: "武汉","上海","广州","重庆","天津"

    //arr4:"北京","上海","广州","重庆","天津"


// 不想两个变量操作数组,都会改变,想建立一个独立的变量,只是存储相同的数据

// 需要建立一个独立的变量,复制引用数据类型中的数据内容


// 只复制 引用数据类型中的 数值 而不是 复制地址

// 称为 深拷贝

数组去重

.lastIndexOf()—字符最后一次出现的位置

数组、字符串都可以使用

有符合条件的数据，执行结果是最后一次出现位置的索引下标

没有符合条件的数据，执行结果是-1

进行的也是===全等比较

var arr1 = [1,2,3,4,5,1,2,3,4,5,1,2,3,4,5];

console.log(arr1);--->[1, 2, 3, 4, 5, 1, 2, 3, 4, 5, 1, 2, 3, 4, 5]
console.log( arr1.indexOf(5) );--->4
console.log( arr1.lastIndexOf(5) );--->14
console.log( arr1.lastIndexOf('5') );--->-1

案例1：indexOf()

1.数组去重/字符串去除重复字母**

基本思路

• 建立一个新的数组，将原始数组中的数值，向新的数组中写入
• 如果这个数值不存在于新的数组中，就执行写入，如果已经存在，就不写入

①。数组中存储重复的数值

// 数组中存储重复的数值
// 去除重复数值之后,应该是 [1,2,3,4,5]
var arr=[1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,5,5,5];

//建立一个空数组，来存储原始数组中，不重复数据
var newArr=[];

//循环遍历，获取原始数组arr中的所有数值
arr.forEach(function(v){

	//在新数组中，查找当前获取的原始数组的数值
	// newArr.indexOf(v) 执行结果如果是 -1
	// 证明在新数组中,没有这个原始数组的数据
	if(newArr.indexOf(v)===-1){
        
		// 将这个数据,写入到新数组中
		newArr.push(v);
	}
})
console.log(newArr);---->[1,2,3,4,5]

②。字符串中存储重复的数值

与数组 原理相同,只是字符串不能使用forEach()循环

var str='aaabbbcccdddeeeeffff';
var newStr='';

// 通过for...in来循环遍历,字符串
// key存储的是每个字母的索引下标
for(var key in str){

	// str[key] 是 当前循环,获取的索引下标,对应的字符串中的字母
   // newStr.indexOf(str[key]) 判断 新字符串中,是否有当前这个字母
   // 如果结果是 -1 证明新字符串中没有这个字母
	if(newStr.indexOf(str[key])===-1){
		
		// 执行字符串拼接操作,将这个字母拼接入新的字符串中
		newStr += str[key];
	}
}
 console.log(newStr);