如何用JavaScript实现7种数组去重技巧？

本文共计1162个文字，预计阅读时间需要5分钟。

目录+前言+方法实现+双重循环+indexOf方法去重1+indexOf方法去重2+相邻元素去重+利用对象属性去重+set与结构赋值去重+Array.from与set去重+总结+前言+去重是开发中经常遇到的问题，本文将介绍几种常见的去重方法。

目录

• 前言
• 方法实现
• 双循环去重
• indexOf方法去重1
• indexOf方法去重2
• 相邻元素去重
• 利用对象属性去重
• set与解构赋值去重
• Array.from与set去重
• 总结

前言

去重是开发中经常会碰到的一个热点问题，不过目前项目中碰到的情况都是后台接口使用SQL去重，简单高效，基本不会让前端处理去重。

那么前端处理去重会出现什么情况呢？假如每页显示10条不同的数据，如果数据重复比较严重，那么要显示10条数据，可能需要发送多个http请求才能够筛选出10条不同的数据，而如果在后台就去重了的话，只需一次http请求就能够获取到10条不同的数据。

当然，这并不是说前端去重就没有必要了，依然需要会熟练使用。