JavaScript 数组去重

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第14天，点击查看活动详情

前言

我们在日常开发中，总会遇到需要数组去重的操作，比如: 维护一个id数组等需求;

(当然一般情况都是后端去处理，很少让前端处理数组。但也别问我怎么总遇到，问就是，小公司，后端拉胯😓)

本文记录了JavaScript 数组几种常用的去重方法。

方法一、利用indexOf()去重

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

ps： indexOf() 方法区分大小写。

思路

• 创建一个新数组；
• 循环待去重数组；
• 用新数组去找待去重数组的值，找不到push到新数组；
• 最后返回新数组；

示例代码

javascript function fun(arr){ let newsArr = []; for (let i = 0; i < arr.length; i++) { if(newsArr.indexOf(arr[i]) === -1){ newsArr.push(arr[i]); } } return newsArr; }

方法二、利用双循环和splice去重

splice() 方法用于添加或删除数组中的元素。

思路

• 使用两层循环，外层循环遍历数组，内层循环比较值；
• 如果有相同， 则使用splice去除;
• 最后返回处理完的数组;

示例代码

javascript function fun(arr){ for (let i = 0; i < arr.length; i++) { for(let j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ arr.splice(j,1); j--; } } } return arr; }

方法三、利用ES6的Set去重

Set是一种类似于数组的一系列无序、没有重复值的数据集合；

利用Set没有重复值这一特点，我们就可以实现数组的去重。

思路

• 将待去重数组传入Set实例；
• 将Set实例在数组中展开；
• 最后返回这个数组；

示例代码

javascript function fun(arr){ let s = new Set(arr); return [...s]; }

本文到此结束

如果大家还有什么其他想法，欢迎在评论区交流！