js数组去重的方法？（超好用）_请对[3, 1, [1], 1, [1], true, true, {}, ‘1‘, nan, st(2)

2401_85014130

于 2024-05-17 02:58:05 发布

阅读量752

点赞数 18

分类专栏： 2024年程序员学习文章标签：物联网嵌入式硬件面试

本文链接：https://blog.csdn.net/2401_85014130/article/details/138983960

版权

2024年程序员学习专栏收录该内容

23 篇文章 0 订阅

订阅专栏

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

如果你需要这些资料，可以戳这里获取

        }
    }
} 

distinct(arr)
console.log(arr) // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]

}


1. 优点：该方法可以顾虑到重复的 String、Boolean、 Number、undefined、null，返回的是去重后的原数组。
2. 缺点：不能过滤掉 NaN、Object


## **方法二 For嵌套for 使用splice去重更改原数组 逆向遍历循环**

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct (arr) {
for(let i = arr.length; i > 0; i–) {
for(let j = i - 1; j > -1 ; j–) {
if(arr[i] === arr[j]) {
console.log(arr[j])
arr.splice(j, 1)
}
}
}
}

distinct(arr)
console.log(arr) // [1, "true", true, 15, false, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]

}


优缺点同方法一：  
 优点：该方法可以顾虑到重复的 String、Boolean、 Number、undefined、`null``，返回的是去重后的原数组。  
 缺点：不能过滤掉 NaN、Object


## **方法三：includes去重 返回新数组**

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct (arr) {
let newArr = []
for(let i = 0; i < arr.length; i++) {
if(!newArr.includes(arr[i])) {
newArr.push(arr[i])
}
}
return newArr
}

console.log(distinct(arr)) // [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]

}


优点是可以过滤重复的NaN了，但是返回的是个新数组，对比方法一二，该方法多消耗了一些存储空间。

1.优点：该方法可以顾虑到重复的 String、Boolean、
Number、undefined、null、NaN，返回的是去重后的新数组。
2.缺点：不能过滤掉 Object


## **方法四 indexOf去重 返回新数组**

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct (arr) {
let newArr = []
for(let i = 0; i < arr.length; i++) {
if(newArr.indexOf(arr[i]) < 0) {
newArr.push(arr[i])
}
}
return newArr
}

console.log(distinct(arr)) // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]

}


该方法类比includes，不能过滤掉NaN。


1. 优点：该方法可以顾虑到重复的 String、Boolean、 Number、undefined、null，返回的是去重后的新数组。
2. 缺点：不能过滤掉 NaN、Object


## **方法五 利用对象的属性key唯一的特性去重**

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct(arr) {
let obj = {}
let newArr = []
for(let i = 0; i < arr.length; i++) {
if(!obj[arr[i]]){
obj[arr[i]] = 1
newArr.push(arr[i])
}
}
return newArr
}

console.log(distinct(arr)) // [1, "true", 15, false, undefined, null, NaN, 0, "a", {…}]

}


该方法不禁可以过滤掉重复的NaN,还是可以过滤掉Object。


1. 优点：该方法可以顾虑到重复的 String、Boolean、  
 Number、undefined、null、NaN、Object，返回的是去重后的原数组。  
 2.缺点：针对 NaN和’NaN’,  
 对象的key会视为一个key，区分不了NaN和’NaN’。


## 方法六 利用ES6的Set数据结构的特性


Set集合里的所有的元素都是唯一的

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct(arr) {
return Array.from(new Set(arr))
}

console.log(distinct(arr)) // [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]

}

优点：该方法可以顾虑到重复的 String、Boolean、
Number、undefined、null、NaN，返回的是去重后的新数组。
2.缺点：不能过滤重复的Object。


## 方法七 利用ES6的Map数据结构的特性去重

{
let arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];
function distinct(arr) {
let map = new Map()