JS 前端数据去重

1.使用 for 循环和 indexOf 方法,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  const result = []
  for (let i=0; i<arr.length; i++) {
    let item = arr[i]
    if (result.indexOf(item) === -1) {
      result.push(item)
    }
  }
  return result
}

2.使用 for 循环和对象,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  const result = []
  const obj = {}
  for (let i = 0; i < arr.length; i++) {
    let item = arr[i]
    if (!obj[item]) {
      result.push(item)
      obj[item] = true
    }
  }
  return result
}

3.使用 filter 方法和 indexOf 方法,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  return arr.filter((item, index, arr) => arr.indexOf(item) === index)
}

4.使用 filter 方法和对象,复杂度 O(n)

javascript 复制代码
function uniqueArray(arr) {
  const obj = {}
  return arr.filter((item) => obj.hasOwnProperty(item) ? false : (obj[item] = true))
}

5.使用 Set 数据结构,复杂度 O(n)

javascript 复制代码
function uniqueArray(arr) {
  return Array.from(new Set(arr))
}

// 使用解构 + Set
function uniqueArray(arr) {
  return [...new Set(arr)]
}

6.使用 Map 数据结构,复杂度 O(n)

javascript 复制代码
function uniqueArray(arr) {
  const map = new Map();
  const result = [];
  for (let i = 0; i < arr.length; i++) {
    let item = arr[i]
    if (!map.has(item)) {
      map.set(item, true);
      result.push(item);
    }
  }
  return result;
}

// or
function uniqueArray(arr) {
  const map = new Map();
  return arr.filter(item => !map.has(item) && map.set(item, true););
}

7.使用双重循环和 splice 方法,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  for (var i = 0; i &lt; arr.length; i++) {
    for (var j = i + 1; j < arr.length; j++) {
      if (arr[i] === arr[j]) {
        arr.splice(j, 1);
        j--;
      }
    }
  }
  return arr;
}

8.使用排序和双指针

使用排序和双指针可以实现 O(nlogn) 的时间复杂度。先对数组进行排序,然后使用双指针遍历数组,如果左指针和右指针指向的值相同,就把右指针向右移动,直到找到不同的值,然后把左指针向右移动,继续遍历。

javascript 复制代码
function uniqueArray(arr) {
  arr.sort();
  let left = 0, right = 1;
  let result = [];

  while (right <= arr.length) {
    if (arr[left] === arr[right]) {
      right ++;
    } else {
      result.push(arr[left]);
      left = right;
      right ++;
    }
  }

  return result;
}

9.使用 reduce 方法和 includes,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  return arr.reduce(function(prev, cur) {
    if (!prev.includes(cur)) {
      prev.push(cur);
    }
    return prev;
  }, []);
}

10.使用递归和 includes,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  if (arr.length === 1) {
    return arr;
  } else {
    const first = arr[0];
    const rest = uniqueArray(arr.slice(1));
    return rest.includes(first) ? rest : [first].concat(rest)
  }
}

11.双层循环,复杂度 O(n^2)

javascript 复制代码
function uniqueArray(arr) {
  var result = [];
  for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < result.length; j++) {
      if (arr[i] === result[j]) {
        break;
      }
    }
    if (j === result.length) {
      result.push(arr[i]);
    }
  }
  return result;
}
相关推荐
liulilittle3 分钟前
深度剖析:OPENPPP2 libtcpip 实现原理与架构设计
开发语言·网络·c++·tcp/ip·智能路由器·tcp·通信
88号技师9 分钟前
2025年6月一区-田忌赛马优化算法Tianji’s horse racing optimization-附Matlab免费代码
开发语言·算法·matlab·优化算法
勤奋的知更鸟15 分钟前
Java 编程之模板方法模式
java·开发语言·模板方法模式
前端小巷子17 分钟前
Web开发中的文件上传
前端·javascript·面试
翻滚吧键盘1 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹1 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
前端风云志1 小时前
typescript结构化类型应用两例
javascript
杨进军2 小时前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW2 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
-凌凌漆-2 小时前
【Qt】QStringLiteral 介绍
开发语言·qt