js数组去重的5种方法

最新推荐文章于 2024-07-16 15:00:36 发布

置顶

lelara

最新推荐文章于 2024-07-16 15:00:36 发布

阅读量5.9k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/lelara/article/details/87885155

版权

本文介绍了JavaScript中去除数组重复元素的五种方法，包括遍历数组法、数组下标判断法、排序后相邻去除法、优化的遍历数组法和数组遍历法。每种方法通过不同的逻辑实现去重，提供了理解和实践JavaScript数组操作的参考。

摘要由CSDN通过智能技术生成

js数组去重五种方法

今天来聊一聊JS数组去重的一些方法，包括一些网上看到的和自己总结的，总共5种方法（ES5）。

第一种：遍历数组法

这种方法最简单最直观，也最容易理解，代码如下：

var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2]
  var newArr = []
  for (var i = 0; i < arr.length; i++) {
    if (newArr.indexOf(arr[i]) === -1) {
      newArr.push(arr[i])
    }
  }
  console.log(newArr) // 结果：[2, 8, 5, 0, 6, 7]

这种方法很好理解，利用了indexOf()方法（indexOf()方法如果查询到则返回查询到的第一个结果在数组中的索引，如果查询不到则返回-1）。先创建一个新的空数组用来存储新的去重的数组，然后遍历arr数组，在遍历过程中，分别判断newArr数组里面是不是有遍历到的arr中的元素，如果没有，直接添加进newArr中，如果已经有了（重复），那么不操作&#x