JavaScript中的数组去重有哪些高效算法?

使用Set去重适用于基本类型,代码简洁性能好;Map适合对象数组按属性去重,灵活但内存占用高;双指针法用于已排序数组,空间复杂度低。

javascript中的数组去重有哪些高效算法?

JavaScript中数组去重的高效方法取决于数据类型和性能需求。以下是几种常用且高效的实现方式。

使用 Set 去重(推荐)

ES6 引入的 Set 数据结构天然支持唯一值,结合扩展运算符可以快速去重,适用于基本类型数组。

• 代码简洁,性能优秀• 只能处理基本类型(如 number、string)• 对象数组无法正确去重

示例:

const arr = [1, 2, 2, 3, 4, 4, 5];

立即学习“Java免费学习笔记(深入)”;

const unique = […new Set(arr)]; // [1, 2, 3, 4, 5]

利用 Map 记录键值(适合对象去重)

当需要根据对象的某个属性去重时,Map 是更灵活的选择。它能存储任意类型的键,并通过判断是否存在来跳过重复项。

• 支持对象数组去重• 可自定义去重依据(如 id、name)• 内存占用略高,但逻辑清晰

示例:

function uniqueBy(arr, key) {

  const map = new Map();

  return arr.filter(item => !map.has(item[key]) && map.set(item[key], true));

}

// 使用:uniqueBy([{id: 1}, {id: 1}, {id: 2}], ‘id’)

双指针法(适用于已排序数组)

若数组已经排序,可通过双指针在原地修改数组,空间复杂度低,适合大数据量场景。

• 时间复杂度 O(n),空间 O(1)• 需预先排序,否则无效• 多用于算法题或性能敏感场景

示例:

function dedupSorted(arr) {

  if (arr.length === 0) return arr;

  let slow = 0;

  for (let fast = 1; fast

    if (arr[fast] !== arr[slow]) {

      arr[++slow] = arr[fast];

    }

  }

  return arr.slice(0, slow + 1);

}

基本上就这些。多数情况下用 Set 最省事,对象去重选 Map,排序数组可考虑双指针优化性能。

以上就是JavaScript中的数组去重有哪些高效算法?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1529531.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Go语言Channel并发写入:深入理解其内置安全性
上一篇 2026年5月10日 10:43:27
怎样用Golang实现高效文件压缩传输 集成zstd与snappy流式压缩
下一篇 2026年5月10日 10:43:29

相关推荐

  • JavaScript动态元素事件监听:事件委托实践指南

    本文深入探讨了在javascript中为动态创建的html元素高效添加事件监听器的方法。针对传统方式的局限性,文章重点介绍了事件委托(event delegation)这一核心技术。通过将事件监听器绑定到父级元素,并利用事件冒泡机制和`event.target`属性,实现对子元素事件的统一管理,从而…

    2026年5月10日
    000
  • React Native Axios POST请求中变量传递与PHP后端接收指南

    本教程旨在解决React Native应用中通过Axios发送POST请求时,如何正确传递JavaScript变量作为请求体数据,并在PHP后端准确接收和解析这些JSON格式的数据。文章将详细阐述客户端Axios的正确配置方式,避免常见嵌套错误,并指导PHP后端使用file_get_contents…

    2026年5月10日
    000
  • 修复JavaScript计算器显示问题:初始化与显示逻辑优化

    本教程旨在解决JavaScript计算器中常见的数值不显示问题。核心在于指出Calculator类中this.currentOperand属性未初始化导致的错误,并提供在构造函数中调用clear()方法进行初始化的解决方案。此外,文章还将纠正updateDisplay方法中存在的显示逻辑错误,确保计…

    2026年5月10日
    000
  • 如何高效地在Go中使用http.ResponseWriter构建JSONP响应

    本教程探讨在go语言中高效构建jsonp响应的方法,重点解决如何使用`http.responsewriter`处理回调函数封装。文章通过对比传统字符串拼接与字节切片转换的不足,详细介绍了利用`fmt.fprintf`直接写入和`fmt.sprintf`预格式化两种优化方案,旨在提升代码的简洁性和执行…

    2026年5月10日
    000
  • JavaScript代码规范与质量保证

    统一代码风格、编写可读代码、实施自动化测试、持续集成与代码审查是提升JavaScript项目质量的关键。通过ESLint和Prettier规范代码格式,使用语义化命名和单一职责函数增强可读性,采用Jest等工具实现高覆盖率测试,并在CI/CD中集成代码检查与团队评审流程,确保代码稳定性与可维护性,长…

    2026年5月10日
    000
  • 从数据库表生成图片轮播的教程

    本文旨在指导开发者如何从数据库表中动态生成图片轮播效果。通过PHP连接数据库,检索图片数据,并利用循环结构生成HTML代码,最终实现一个可展示大量图片的轮播组件。本文将提供详细的代码示例和解释,帮助读者理解并掌握该技术的实现方法。 从数据库动态生成图片轮播 动态生成图片轮播的关键在于从数据库中读取图…

    2026年5月10日
    100
  • 怎样用JavaScript实现快速排序?

    快速排序可以通过javascript实现,具体步骤包括:1) 选择一个基准元素,将数组分为小于和大于基准的两部分,2) 递归排序这两部分。优化策略包括使用原地排序减少内存使用,并通过选择合适的pivot提高稳定性。 快速排序是计算机科学中的经典算法之一,掌握它不仅能提高你的编程技能,还能让你在面试中…

    2026年5月10日
    000
  • 解决Web按钮点击一次后失效的问题:使用toggle方法

    本文旨在解决Web开发中按钮点击一次后失效,需要刷新页面才能再次点击的问题。通过分析问题代码,我们将介绍如何使用JavaScript中的toggle方法来简化代码,并实现按钮的重复点击功能,避免手动添加和移除类名,从而更有效地控制元素的显示和隐藏。 在Web开发中,经常会遇到需要通过按钮控制页面元素…

    2026年5月10日
    000
  • 表单验证实践:如何强制用户填写多个字段中的至少一个

    本文旨在解决表单验证中一个常见需求:确保用户在多个相关字段中至少填写其中一个。我们将探讨 formvalidation.io 等库可能无法直接满足此场景的原因,并提供一个基于 jQuery 的实用解决方案,通过监听表单提交事件,在客户端进行条件判断,从而实现灵活的“多选一”验证逻辑,提升表单的用户体…

    2026年5月10日
    000
  • Go html/template 包如何保障安全:条件注释的移除机制解析

    go语言的 `html/template` 包在处理html模板时,会主动移除包括条件注释在内的所有注释。这一设计决策的核心是为了保障输出的html内容免受代码注入攻击。由于条件注释可能在不同浏览器中创建复杂的、难以预测的解析上下文,干扰包的上下文敏感转义机制,因此将其移除是确保模板安全性的必要手段…

    2026年5月10日
    000
  • Symfony中处理自引用实体与CollectionType表单的递归问题

    本文旨在解决symfony框架中,使用collectiontype处理自引用(many-to-many)实体关系时可能出现的无限递归问题。通过引入一个独立的子表单类型来避免循环引用,并结合前端javascript动态管理表单原型,实现高效、可扩展的家族成员添加功能,确保表单渲染和数据提交的顺畅进行。…

    2026年5月10日
    000
  • 响应式设计中基于屏幕尺寸动态调整DOM元素位置的jQuery实践

    本教程探讨如何在响应式网页设计中,根据屏幕宽度动态调整dom元素的位置。核心问题在于确保此类逻辑不仅在窗口尺寸变化时执行,更要在页面加载时立即生效。通过将条件判断和元素操作封装成一个可复用的函数,并在文档加载完成和窗口大小调整时分别调用,可以实现优雅且高效的解决方案,同时利用三元运算符简化条件逻辑,…

    2026年5月10日
    000
  • 前端数据属性搜索指南:实现精确匹配与模糊查询

    本文详细介绍了如何在前端开发中,特别是使用jQuery时,对HTML元素的data属性进行有效搜索。教程涵盖了两种主要方法:一是利用jQuery选择器实现data属性的精确匹配查找;二是引入第三方库Fuse.js,实现更灵活、支持部分匹配和容错的模糊搜索功能,并提供了详细的代码示例和实现步骤,帮助开…

    2026年5月10日
    100
  • HTML弹窗怎么设置_SEO友好的弹窗实现方案

    答案:SEO友好的HTML弹窗需将内容预置于DOM中,通过CSS隐藏,再用JavaScript控制显示与隐藏,确保搜索引擎可抓取且不影响用户体验。 HTML弹窗的设置,核心在于通过HTML结构、CSS样式和JavaScript交互来实现内容的动态显示与隐藏。要让弹窗对SEO友好,我们得从内容的可抓取…

    2026年5月10日
    000
  • 解决动态加载内容爬取问题:利用XHR请求获取隐藏数据

    本教程旨在解决使用beautifulsoup爬取网页时,因内容动态加载而无法获取目标数据的问题。当页面元素通过javascript的xhr请求异步加载时,直接解析初始html将失败。文章将详细阐述如何通过浏览器开发者工具识别这些xhr请求,并利用python的`requests`库直接调用api接口…

    2026年5月10日
    000
  • 构建可直接链接的动态标签页:HTML、CSS与JavaScript实践指南

    本教程详细阐述了如何在Web页面中创建可直接链接到特定标签页内容的导航系统。通过结合HTML锚点、CSS样式和JavaScript动态逻辑,文章提供了一种优化方案,实现了按需加载、高效显示标签页内容,并确保了从外部URL直接访问特定标签页的功能。内容涵盖了从基础的JavaScript控制到更高级的动…

    2026年5月10日
    000
  • scikit-learn DBSCAN算法处理超大数据集时如何避免内存溢出?

    高效处理大型数据集:scikit-learn DBSCAN 算法的内存优化策略 在使用scikit-learn库的DBSCAN算法处理包含超过8000个数据点的大型数据集时,常常会遇到内存溢出的问题。为了解决这个问题,可以考虑以下几种优化策略: 数据采样: 从原始数据集中抽取一个较小的样本集进行DB…

    2026年5月10日
    100
  • Node.js脚本输出实践:理解console.log与数组操作

    本教程旨在解决node.js脚本运行时无输出的问题。核心在于理解node.js不会自动打印函数定义或变量赋值的结果,必须通过`console.log()`显式输出。我们将演示如何使用`array.prototype.map()`高效处理数组,并通过`array.prototype.join()`格式…

    2026年5月10日
    000
  • PHP与AJAX消息响应机制:实现前端实时反馈教程

    本教程详细阐述了如何通过php后端处理ajax请求并向前端返回结构化的json响应,以及前端javascript如何解析并显示这些响应消息。文章涵盖了php中正确使用`echo json_encode`发送数据,以及javascript中利用`json.parse`接收并处理json对象,旨在帮助开…

    2026年5月10日
    000
  • React Navigation中跨屏幕传递参数的最佳实践

    本文深入探讨了在React Native应用中使用React Navigation进行屏幕间参数传递的常见问题及其解决方案。重点分析了当传递对象参数时,如何在目标屏幕正确解构和访问这些参数,特别是当参数被嵌套在另一个对象中时。通过示例代码,我们展示了从抽屉导航组件向详情页传递随机食谱、分类和标题数据…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信