es6数组去重方法有哪些(es6去重复数组对象)

扫码添加渲大师小管家，免费领取渲染插件、素材、模型、教程合集大礼包！

大家好，今天来介绍es6数组去重方法有哪些(js怎么数组去重)的问题，以下是渲大师小编对此问题的归纳和整理，感兴趣的来一起看看吧！

ES6如何实现数组去重和重复元素统计

本篇备旅文章给大家带来的内容是关于ES6如何实现数组去重和重复元素统计，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、去重
这里利用到了ES6的Set结构不允许数据重复的特性
let arr1 = [1,1,2,3,1,2,4,2];
//先将数组转化为Set数据类型，然后再转回数组类型
let dedupeArr = Array.from(new Set(arr1));二、统计
let count = 0;
let obj = {}; //最终返回的数据
dedupeArr.forEach(i=>{
count = 0;
arr1.forEach(j=>腊清{
if(i===j) count++;
})
obj[i] = count;//键名为i(数组元素)，仿局凳值为count(出现次数)
})三、遍历对象
for(let i = 0 in obj){
console.log(i+':'+obj[i]);
}
// 数组元素:出现次数
// 1:3
// 2:3
// 3:1
// 4:1

js数组如何去重

方法一：indexOf循环去重
方法二答物：ES6 Set去重；Array.from(new Set(array))
方法三：Object 键值对去重；把数组的值存成 Object 的 key 值，比如毁举旅 Object[value1] = true，再判断另一个值的时候，如果 Object[value2]存在的话纤凳，就说明该值是重复的。

js中数组去重方法总结

1.es6有了Set，可以通过成员唯数漏一性去重

2.使用数组对象的lastIndexOf()方法。
(关于lastIndexOf():( https://www.jianshu.com/p/d75886bc6c75 )

3.定义新数组，存入原数组第一个元素，卖毕拦再将原数组元素和新数组元素比较，不同的继续push到新数组。

4.splice()方法从数组中添加/删除重复值。

5.使用includes()方法{ps:可搭配foreach()方法filter()方法;}。

6.采用indexOf()获取索引查询去重

7.利用对象属性存在与中胡否判断，这个方法没什么意思，但是也可行

数组去重

数组去重是一个经常会用到的方法，我写了一个测试模板，测枣漏试一下常见的数据去重的方法的性能搜岩喊

测试模板

1、Array.filter() + indexOf
方法思路：将两个数组拼接为一个数组，然后使用 ES6 中的 Array.filter() 遍历数组，并结世野合 indexOf 来排除重复项

2、双重 for 循环
方法思路：外层循环遍历元素，内层循环检查是否重复，当有重复值的时候，可以使用 push()，也可以使用 splice()

3、for...of + includes()
方法思路：双重for循环的升级版，外层用 for...of 语句替换 for 循环，把内层循环改为 includes()。先创建一个空数组，当 includes() 返回 false 的时候，就将该元素 push 到空数组中 。类似的，还可以用 indexOf() 来替代 includes()

4、Array.sort()
方法思路：首先使用 sort() 将数组进行排序，然后比较相邻元素是否相等，从而排除重复项

5、new Set()
ES6 新增了 Set 这一数据结构，类似于数组，但Set 的成员具有唯一性

6、for...of + Object
方法思路：首先创建一个空对象，然后用 for 循环遍历，利用对象的属性不会重复这一特性，校验数组元素是否重复

测试结果一目了然，几种方法的性能 6>5>4>3>1>2