怎样实现数组的去重

最新推荐文章于 2023-03-18 19:54:40 发布

qq_52822043

最新推荐文章于 2023-03-18 19:54:40 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_52822043/article/details/125629627

本文介绍了三种数组去重的方法：利用数组遍历、键值对以及Set数据结构进行去重操作。每种方法都附带了具体的JavaScript代码实现，帮助读者理解和掌握。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组去重是指当数组中出现重复的元素的时候，通过一定的方式，将重复的元素去掉。

1. 利用数组遍历去重

// 1. 循环数组
      function fn(arr) {
        var newArr = []
        for (let i = 0; i < arr.length; i++) {
          if (newArr.indexOf(arr[i]) === -1) {
            newArr.push(arr[i])
          }
        }
        return newArr
      }
      var arr = [1, 2, 2, 3, 3, 4, 5, 6, 6, 6, 7, 8, 8]
      console.log(fn(arr))

2. 利用键值对去重

 // 2. 对象的键值对 key
      function fn(arr) {
        var obj = {},
          value,
          type,
          newArr = []
        for (let i = 0; i < arr.length; i++) {
          value = arr[i]
          // 判断元素的类型
          type = typeof arr[i]
          if (!obj[value]) {
            obj[value] = [type]
            newArr.push(value)
          } else if (obj[value].indexOf(type) === -1) {
            obj[value].push(type)
            newArr.push(value)
          }
        }
        return newArr
      }
      var arr = [1, 2, 2, 3, 3, 4, 5, 6, 6, 6, 7, 8, 8, '8']
      console.log(fn(arr))

3. 使用`Set`数据结构去重

 // 3. Set数据结构: 自带去重
      function fn(arr) {
        return Array.from(new Set(arr))
      }
      var arr = [1, 2, 2, 3, 3, 4, 5, 6, 6, 6, 7, 8, 8, '8']
      console.log(fn(arr))