前端JavaScript篇之实现有序数组原地去重方法有哪些?

2024-01-23 08:52

本文主要是介绍前端JavaScript篇之实现有序数组原地去重方法有哪些?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 实现有序数组原地去重方法有哪些?
    • 方法一:使用 Set 数据结构
      • 代码实现:
      • 思路说明:
    • 方法二:使用双指针遍历
      • 代码实现:
      • 思路说明:


实现有序数组原地去重方法有哪些?

在 JavaScript 中,实现有序数组的原地去重有多种方法,下面是两种常见的方式。

方法一:使用 Set 数据结构

请添加图片描述

代码实现:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>有序数组原地去重-Set方法</title></head><body><script>function removeDuplicates(arr) {const uniqueArray = [...new Set(arr)]return uniqueArray}// 示例const originalArray = [1, 2, 2, 3, 4, 4, 5]const uniqueArray = removeDuplicates(originalArray)document.write('<p>原始数组: ' + originalArray.join(', ') + '</p>')document.write('<p>去重数组: ' + uniqueArray.join(', ') + '</p>')</script></body>
</html>

思路说明:

  • 创建一个 Set 数据结构,Set 可以自动去重。
  • 将原始数组中的元素依次添加到 Set 中,由于 Set 不允许重复元素,重复元素将被自动忽略。
  • 最后,将 Set 转回数组的形式,即得到了去重后的有序数组。

方法二:使用双指针遍历

代码实现:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>有序数组原地去重-双指针遍历</title></head><body><script>function removeDuplicates(arr) {let slowPointer = 0for (let fastPointer = 1; fastPointer < arr.length; fastPointer++) {if (arr[fastPointer] !== arr[slowPointer]) {slowPointer++arr[slowPointer] = arr[fastPointer]}}return arr.slice(0, slowPointer + 1)}// 示例const originalArray = [1, 2, 2, 3, 4, 4, 5]const uniqueArray = removeDuplicates(originalArray)document.write('<p>原始数组: ' + originalArray.join(', ') + '</p>')document.write('<p>去重数组: ' + uniqueArray.join(', ') + '</p>')</script></body>
</html>

思路说明:

  • 使用双指针,一个慢指针 slowPointer 和一个快指针 fastPointer
  • 遍历数组,当 fastPointer 指向的元素与 slowPointer 指向的元素不同时,将 fastPointer 指向的元素赋值给 slowPointer 后面的位置。
  • 最后返回数组的前 slowPointer + 1 个元素,即为去重后的有序数组。

这两种方法都能在原地实现有序数组的去重,你可以选择其中一种方法进行使用。

持续学习总结记录中,回顾一下上面的内容:
实现有序数组原地去重方法有哪些?Set、双指针遍历

这篇关于前端JavaScript篇之实现有序数组原地去重方法有哪些?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/635878

相关文章

Conda与Python venv虚拟环境的区别与使用方法详解

《Conda与Pythonvenv虚拟环境的区别与使用方法详解》随着Python社区的成长,虚拟环境的概念和技术也在不断发展,:本文主要介绍Conda与Pythonvenv虚拟环境的区别与使用... 目录前言一、Conda 与 python venv 的核心区别1. Conda 的特点2. Python v

Spring Boot中WebSocket常用使用方法详解

《SpringBoot中WebSocket常用使用方法详解》本文从WebSocket的基础概念出发,详细介绍了SpringBoot集成WebSocket的步骤,并重点讲解了常用的使用方法,包括简单消... 目录一、WebSocket基础概念1.1 什么是WebSocket1.2 WebSocket与HTTP

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

Python使用python-can实现合并BLF文件

《Python使用python-can实现合并BLF文件》python-can库是Python生态中专注于CAN总线通信与数据处理的强大工具,本文将使用python-can为BLF文件合并提供高效灵活... 目录一、python-can 库:CAN 数据处理的利器二、BLF 文件合并核心代码解析1. 基础合

java中反射Reflection的4个作用详解

《java中反射Reflection的4个作用详解》反射Reflection是Java等编程语言中的一个重要特性,它允许程序在运行时进行自我检查和对内部成员(如字段、方法、类等)的操作,本文将详细介绍... 目录作用1、在运行时判断任意一个对象所属的类作用2、在运行时构造任意一个类的对象作用3、在运行时判断

Python使用OpenCV实现获取视频时长的小工具

《Python使用OpenCV实现获取视频时长的小工具》在处理视频数据时,获取视频的时长是一项常见且基础的需求,本文将详细介绍如何使用Python和OpenCV获取视频时长,并对每一行代码进行深入解析... 目录一、代码实现二、代码解析1. 导入 OpenCV 库2. 定义获取视频时长的函数3. 打开视频文

golang版本升级如何实现

《golang版本升级如何实现》:本文主要介绍golang版本升级如何实现问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录golanwww.chinasem.cng版本升级linux上golang版本升级删除golang旧版本安装golang最新版本总结gola

java如何解压zip压缩包

《java如何解压zip压缩包》:本文主要介绍java如何解压zip压缩包问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解压zip压缩包实例代码结果如下总结java解压zip压缩包坐在旁边的小伙伴问我怎么用 java 将服务器上的压缩文件解压出来,

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具

Spring WebFlux 与 WebClient 使用指南及最佳实践

《SpringWebFlux与WebClient使用指南及最佳实践》WebClient是SpringWebFlux模块提供的非阻塞、响应式HTTP客户端,基于ProjectReactor实现,... 目录Spring WebFlux 与 WebClient 使用指南1. WebClient 概述2. 核心依