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

于 2024-05-17 02:58:39 发布
阅读量372 收藏 10
点赞数 4
分类专栏： 2024年程序员学习 文章标签： 物联网 嵌入式硬件 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85014130/article/details/138983974
版权

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。
img
img

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

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

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

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", {…}, {…}]
}


1. 优点：该方法可以顾虑到重复的 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()
        let newArr = []
        for(let i = 0; i < arr.length; i++) {
            if(!map.has(arr[i])) {
                map.set(arr[i])
                newArr.push(arr[i])
            }
        }
        return newArr
    }

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


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

方法八 利用sort()去重

{
    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 sortArr = arr.sort()
        let newArr = []
        for(let i = 1; i < sortArr.length; i++) {
            if(sortArr[i] !== sortArr[i-1]) {
                newArr.push(arr[i])
            }
        }
        return newArr
    }

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

该方法的缺陷很明显，针对’true’,‘true’,true,true,undefined,undefined, null,null，NaN, NaN,0, 0,{},{} 都不能很好的过滤去重，不建议使用该方法去重。

方法九 reduce数组去重

{
    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 arr.sort().reduce((init, current) => {
            if(init.length === 0 || init[init.length-1] !== current) {
                init.push(current);
            }
            return init;
        }, []);
    }

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


![img](https://img-blog.csdnimg.cn/img_convert/9f61dc58eef3d50c0f3cf5f31d064ce0.png)
![img](https://img-blog.csdnimg.cn/img_convert/e0dc9e50c4d8de8a0e5f2afae6f860d5.png)

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

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

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

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

，真正体系化！**

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

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

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**
2401_85014130
关注
专栏目录
JS实现数组去重方法总结(六种方法)
12-08
方法一： 双层循环，外层循环元素，内层循环时比较值 如果有相同的值则跳过，不相同则push进数组 Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr[j]){ j = ++i; } } result.push(arr[i]); } return result;
js数组去重的方法？（超好用）
GUOQIPING_的博客
02-23 5942
js数组去重的方法？ 方法一 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...
详解Javascript中的数组方法
weixin_44729537的博客
11-19 524
Javascript中数组常用方法 1、map 数组格式化。数组中的每个元素调用一个提供的函数，结果作为新的数组返回，不改变原数组 let arr = [1, 2, 3, 4, 5] let newarr = arr.map((item, index, array) => { //参数 1 - item 数组里每个元素 //参数 2 - index ...
前端面试题第一章
一瓢水的博客
04-21 1552
1.js的基础数据类型 undefined boolean null number string array object 2.css选择器 基本选择器 元素选择器 类选择器 ID选择器 属性选择器 通配选择器 组合选择器 相邻兄弟选择器 普通兄弟选择器 子选择器 后代选择器 伪元素 标准伪类 (1)元素选择器 <div></div> &lt...
javascriptES6 -let 经典面试题
zheng_14451的博客
10-14 269
面试题1: var arr=[]; for (var i=0;i<2;i++){ arr[i]=function(){ console.log(i); } } arr[0](); //2 arr[1]();//2 在上面的代码中可以看出 arr0和arr1可以看成console.log(i); 那么代码就变成了 var arr=[]; for
js数组去重的方法汇总
10-23
除了上述方法，还可以通过扩展`Array`原型来实现数组去重，这样可以直接调用`unique1`、`unique2`或`unique3`方法对任何数组进行去重操作。 ES6新增了`Set`和`Map`数据结构，它们可以更加方便地实现数组去重。`Set`...
javascript数组去重的方法汇总
12-03
本文汇总了四种不同的JavaScript数组去重的方法，下面将详细解析这些方法及其原理。 ### 第一种：基于`indexOf`的方法（`unique1`） 这种方法利用`Array.prototype.indexOf()`方法来检查数组中是否存在重复元素。`...
javascript数组去重方法分析
11-27
本文将详细解析两种JavaScript数组去重的方法，并提供一些额外的在线工具供参考。 ### 方法一：使用`indexOf()`方法 这种方法基于`indexOf()`函数来检测数组中的元素是否已经存在。`indexOf()`返回指定元素在数组...
JavaScript数组去重1
08-08
以下将详细讲解几种常见的JavaScript数组去重方法。 1. **新建数组法**： 这是最基础的方法，通过创建一个新的空数组，遍历原数组，每次遇到不重复的元素就将其添加到新数组中。这种方法简单易懂，但效率较低，...
javascript实现数组去重的多种方法_.docx
10-09
javascript 实现数组去重的多种方法_ javascript 实现数组去重的多种方法是指使用javascript 语言实现数组去重的多种方法。数组去重是指将数组中重复的元素删除，得到一个没有重复元素的新数组。下面将介绍多种实现...
【数据类型】Set、Map、WeakSet 、WeakMap 对比
坚信万物皆可切的切图仔
11-17 319
Set MDN：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 let a = new Set(); undefined a.add(1); // 输出 Set(1) {1} a.add(2); // 输出 Set(2) {1, 2} a.add(2); // 输出 Set(2) {1, 2} let b = new Set(); b.add({val:1}) b.add({val:1}) // 输出 Set(2) {{val:1}, {val:1}} 成员唯一、无序且不
Set、Map、WeakSet 和 WeakMap 的区别
米斯特尔曾的博客
03-13 2305
Set MDN：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 let a = new Set(); undefined a.add(1); // 输出 Set(1) {1} a.add(2); // 输出 Set(2) {1, 2} a.add(2); // 输出 Set(2) {1, 2} 从代码上可以看出去重 但是 let b = new Set(); b.add(...
js数组去重（9种方法），你都会了吗？
最新发布
前端菜鸟好先森的博客
12-03 7万+
九种数组去重的方式和详解（包含对象数组去重）
JS - 给数组的原型添加去掉重复元素的distinct方法
weixin_30784501的博客
04-25 725
/*调用完该方法，原数组只留下非重复的数据返回一个数组，里面是依次出现的重复元素*/Array.prototype.distinct = function () { var removeArr = [], retainArr = []; for (var i = 0; i < this.length; i ++) { var elem = this[i]; ...
JS数组去重的各种方法（包括去重NaN和复杂数组类型，对象，正则表达式）
zhengzhengwang的专栏
03-14 557
测试数据： let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null,new String('1'),new String('1')]; 1. 两种for循环 + splice（耗时最长）不能正确去重NaN和Object的方法 Array.prototype.unique = function () { for (let i = 0; i < thi..
js五种简单的数组去重方法
qq_44472790的博客
02-11 1905
//第一种方法：双层循环，外层循环元素，内层循环时比较值，如果有相同的值则跳过，不相同则push进数组； function distinct(arr){ var res = []; for(var i=0; i &lt; arr.length;i++){ for(var j= i+1;j&lt; arr.length;j++ ){ if(arr[i] === arr[j]){ ...
JavaScript数组去重—ES6的两种方式
FEWY的博客
09-27 3万+
说明JavaScript数组去重这个问题，经常出现在面试题中，以前也写过一篇数组去重的文章，（JavaScript 数组去重的多种方法原理详解）但感觉代码还是有点不够简单，今天和大家再说两种方法，代码可是足够的少了。 解释方法一：function unique(arr) { const res = new Map(); return arr.filter((a) =&amp;gt; !res(
js数组去重常见的七种方法
热门推荐
Lguorong的博客
04-20 14万+
1、借助ES6提供的Set结构 new Set() 简单好用 强烈推荐 直接给一个新的数组里面，利用es6的延展运算符 var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22]; console.log(arr); function noRepeat(arr){ var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点 return newArr } va
JavaScript数组去重方法总结
以下是几种常见的JavaScript数组去重方法： 1. 双重循环去重： 这是最基础的去重方法，使用两个嵌套的for循环。外层循环遍历原数组，内层循环对比新数组（用于存储去重后的元素）。如果找到相同的元素，就跳过当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值