有关数组去重与深浅拷贝！！！_...去重浅拷贝-CSDN博客

本文链接：https://blog.csdn.net/weixin_44053796/article/details/105024991

本文详细讲解了JavaScript中数组去重的方法，包括使用forEach和indexOf实现的去重逻辑，以及如何通过深拷贝确保数据独立，避免修改源数组。同时，介绍了深拷贝和浅拷贝的区别及其应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组去重：
先看代码
在这里插入图片描述我们一步一步看定义两个数组
var arr = [1,4,4,1,2,2,2,3,3,5,5,5]
//这个是带参数的
// 下一个是不带参数的用来传参：
var arr1=[]
arr.forEach(function(val,key){}
//定义数组遍历循环语句
if(arr1.indexOf(val) === -1){

             arr1.push(val)
        }

//判断 arr1数组中有没有arr数组的参数
注：在这里插入图片描述当输出索引数组中并没有时显示为-1
所以进行判断，当arr1数组中没有arr中的数组单元时候就赋值给arr1.
if(arr1.indexOf(val) === -1){

      arr1.push(val)
    }

最后输出
在这里插入图片描述
当然这种情况是排序不是有序的，如果需要有序排列

第一种输出是正序输出，第二种是倒序输出。

//深浅拷贝
浅拷贝
首先我们要明白复合数据类型的储存方式，复合数据类型是在在“栈”中储存一个地址，而只要用这个地址才能去“推”中去找，一般像基本数据类型直接赋值是会覆盖调上面的值
在这里插入图片描述

输出str1，为上海
输出str2，为北京
如果是复合数据类型

找到的是地址，所以arr1赋值的地址和arr相同，所以输出结果相同

深拷贝
深拷贝之后在重新给arr1赋值就不会影响arr的原始值

输出