JavaScript常用的5种排序算法,你都掌握了吗?

2023-11-13

今天给大家带来5种最常见的前端排序算法,注释非常详细,欢迎讨论~

1. 冒泡排序(Bubble Sort)

定义:冒泡排序是一种简单的比较排序算法。它重复地比较相邻的元素,并将顺序错误的相邻元素交换位置,直到整个序列排序完成。

代码示例:

    function bubbleSort(arr) {
        const len = arr.length

        // 每一次外循环固定一个最大值在最后(因为是作比较,次数是数组长度-1)
        for(let i = 0; i < len - 1; i++) {
            // 每一次内循环两两比较
            for(let j = 0; j < len -1 - i; j++) {
                if(arr[j] > arr[j + 1]) {
                    // 交换元素,大的放后面
                    [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]
                }
            }
        }

        return arr
    }
    
    const nums = [4, 5, 2, 7, 8]
    console.log(bubbleSort(nums))  // [2, 4, 5, 7, 8]

优点:实现简单,易于理解。稳定

缺点:时间复杂度为 O(n^2),在大规模数据排序中性能较差。

2. 选择排序(Selection Sort)

定义:选择排序是一种简单的排序算法,每次从未排序部分找到最小(或最大)的元素,然后放到已排序部分的末尾。

代码示例:

    function selectionSort(arr) {
        const len = arr.length

        // 每一次外循环确定一个最小值(因为是作比较,次数是数组长度-1)
        for(let i = 0; i < len - 1; i++) {
            // 假设当前索引为 i 的元素是最小的
            let minIndex = i

            // 每一次内循环两两比较(因为要比完数组剩下所有数,所以 j < 数组长度len)
            for(let j = i + 1; j < len; j++) {
                if(arr[j] < arr[minIndex]) {
                    minIndex = j
                }
            }

            // 将最小元素与当前索引的元素进行交换
            [arr[i], arr[minIndex]] = [arr[minIndex], arr[i]]
        }
        return arr
    }
    
    const nums = [4, 5, 2, 7, 8]
    console.log(selectionSort(nums))  // [2, 4, 5, 7, 8]

优点:实现简单,对于小规模数据排序效果较好。

缺点:时间复杂度为 O(n^2),不稳定(可能改变相等元素的顺序)。

3. 插入排序(Insertion Sort)

定义:插入排序是一种简单且直观的排序算法。它的思想是将数组分为已排序和未排序两部分,初始时已排序部分只有一个元素,然后逐步将未排序部分中的元素插入到已排序部分的正确位置上。通过重复这个过程,最终使得整个数组有序。

代码示例:

    function insertionSort(arr) {
        const len = arr.length

        for (let i = 1; i < len; i++) {
            let current = arr[i] // 当前要插入的元素
            let j = i - 1; // 已排序部分的最后一个元素的索引(当前元素的上一个)

            // 如果上一个元素比当前元素大,就将上一个元素放到当前元素的位置(即后移)
            while (j >= 0 && arr[j] > current) {
                arr[j + 1] = arr[j]
                j-- // 继续往前比
            }

            // 将当前元素插入(赋值)到正确的位置(因为j--了,所以j + 1是正确位置)
            arr[j + 1] = current
        }
        return arr
    }

    const nums = [4, 5, 2, 7, 8]
    console.log(insertionSort(nums))  // [2, 4, 5, 7, 8]

优点:对于基本有序的数组或较小规模的数组排序效果好。稳定

缺点:时间复杂度为 O(n^2),在大规模数据排序中性能较差。

4. 快速排序(Quick Sort)

定义:快速排序是一种高效的排序算法,采用分治的策略。它选择一个基准元素,将数组分成两个子数组,使得左边的元素都小于基准,右边的元素都大于基准,然后递归地对子数组进行排序。

代码示例:

    function quickSort(arr) {
        if (arr.length <= 1) {
            return arr // 基线条件:当数组长度小于等于 1 时,直接返回该数组
        }

        const pivot = arr[0] // 选择第一个元素作为基准
        const left = [] // 存放小于基准的元素
        const right = [] // 存放大于基准的元素

        for (let i = 1; i < arr.length; i++) {
            // 小的放左边,大的放右边
            if (arr[i] < pivot) {
                left.push(arr[i])
            } else {
                right.push(arr[i])
            }
        }

        return [...quickSort(left), pivot, ...quickSort(right)] // 递归地对左右两部分进行快速排序,并将结果拼接起来
    }


    const nums = [4, 5, 2, 7, 8]
    console.log(quickSort(nums))  // [2, 4, 5, 7, 8]

优点:平均情况下时间复杂度为 O(n log n),性能较好。

缺点:在最坏情况下,时间复杂度为 O(n^2),不稳定(可能改变相等元素的顺序)。

5. 归并排序(Merge Sort)

定义:归并排序是一种高效的排序算法,采用分治的策略。它将待排序的数组递归地划分为较小的子数组,然后将这些子数组逐一合并,直到整个数组排序完成。

代码示例:

    function mergeSort(arr) {
        // 基线条件:当数组长度小于等于 1 时,直接返回该数组
        if (arr.length <= 1) {
            return arr
        }

        const mid = Math.floor(arr.length / 2) // 计算数组的中间位置
        const left = arr.slice(0, mid) // 将数组分为左右两部分
        const right = arr.slice(mid)

        // 递归地对左右两部分进行归并排序,并将结果合并
        return merge(mergeSort(left), mergeSort(right))
    }

    function merge(left, right) {
        const result = []
        let i = 0
        let j = 0 

        // 比较左右两个子数组的元素,并按顺序加入结果数组
        while (i < left.length && j < right.length) {
            if (left[i] <= right[j]) {
                result.push(left[i])
                i++
            } else {
                result.push(right[j])
                j++ 
            }
        }

        // 处理剩余元素(如果有)
        while (i < left.length) {
            result.push(left[i])
            i++
        }
        while (j < right.length) {
            result.push(right[j])
            j++ 
        }

        return result
    }


    const nums = [4, 5, 2, 7, 8]
    console.log(mergeSort(nums))  // [2, 4, 5, 7, 8]

优点:时间复杂度为 O(nlogn),稳定(保持相等元素的顺序)。

缺点:需要额外的空间来存储临时数组,增加了空间复杂度。

以上5种排序算法都有其特点和适用场景。根据具体情况选择合适的算法哟。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript常用的5种排序算法,你都掌握了吗? 的相关文章

  • 将二进制转换为十六进制

    我正在将二进制转换为十六进制 但下面的代码返回错误的答案 var number 1011 var hexa parseInt number 2 toString 16 return hexa 这返回b但应该必须退货B 问题是什么 b is正
  • javascript中如何无限循环

    我尝试使用 0 到 100 和 100 到 0 之间的 while 进行无限循环 但浏览器崩溃了 有没有办法清除浏览器内存 这是我的代码 var a 0 var flag true while true if a lt 100 flag t
  • 使用 ScriptEngine 从 JavaScript 调用 Java 方法

    我正在使用 ScriptEngine 运行 JavaScript 我希望 JavaScript 脚本能够调用 myFunction 其中 myFunction 是我的给定类中的一个方法 我知道可以将 importPackage 用于标准 J
  • Jest 中从未调用图像 onLoad 处理程序

    我正在尝试使用 Jest 测试将 dataUrl 加载到图像中 我正在使用 JSDOM 并按照说明添加resources usable 作为一个选项 如果我直接从 Node 运行该代码 则该代码可以工作 但是当我尝试在 Jest 中运行它时
  • 从数组数组中获取唯一值[重复]

    这个问题在这里已经有答案了 我有以下数组 let arr email protected cdn cgi l email protection email protected cdn cgi l email protection email
  • angularjs 自定义过滤器检查数据数组内的值

    我有两个过滤器 它们根据数据中的队列键过滤数据 这是我的代码 var app angular module app app controller mainController function scope Data object scope
  • JS如何获取多维数组的最大深度?

    我有一个多维数组 我想知道它的最大深度 我发现了这个灵魂 但它不适用于对象数组 const getArrayDepth arr gt return Array isArray arr 1 Math max arr map getArrayD
  • 画布图像遮罩/重叠

    在我的项目中 我必须使用画布在另一个相同尺寸和图案图像上实现一个不同的颜色图像 并且图像不是圆形或矩形形状 所有这些都是波浪形状的 它将应用于单个主背景图像 以便在每个主背景图像上显示多个图形onclick功能 重叠的图像应更改为另一种选定
  • Vue js按钮冻结dom

    我试图在按下按钮时切换包含加载动画的跨度 直到使用 v if 函数完成 但是当我按下按钮时 DOM 冻结并且 span 元素保持不变 直到函数调用结束 如何让 DOM 不冻结并显示加载图标 非阻塞按钮按下可能是一个解决方案 HTML
  • 过滤器返回 true 或 false

    我正在使用过滤器在 data it 返回对象中查找 id 它返回的对象不是 true 或 false 如果我怎样才能返回 true 或 falseval recoredId valueId var hasMatch data filter
  • Ember.js 数组作为模型的属性

    干杯 我有一些模型 它的一个属性是一个数组 但由于某些原因 我在服务器上使用 mongoDB 并且它是嵌入式模型和 ember data 的问题 我不能做这样的事情 App Foo DS Model extend numbers DS ha
  • Angular UI.Bootstrap 单选按钮在 ng-repeat 中表现得很奇怪[重复]

    这个问题在这里已经有答案了 我在 Angular 的 ui bootstrap 中动态生成无线电模型的选项时遇到问题 我想我可以简单地对数组进行 ng repeat 使用 btn radio 属性的内容 如下所示 in the contro
  • Google Maps JS Api - b.get 不是函数错误(isLocationOnEdge)

    我想检查我的路线上是否有标记 所以我尝试使用 isLocationOnEdge 但收到 TypeError b get 不是函数 错误 这是我的代码 我尝试了几次更改但无法解决问题 var directionsDisplay new goo
  • 函数声明或函数表达式

    我刚刚在块作用域中定义函数时遇到了问题 考虑以下程序 try greet function greet alert Merry Christmas catch error alert error 我希望这个程序能够发出警报Merry Chr
  • 为什么在 vue 组件上输入另一个输入时,输入文件的值丢失了?

    我有两个组件 我的第一个组件 父组件 如下所示
  • 检测 JavaScript 中的焦点丢失

    我希望能够检测 JavaScript 中任意元素何时失去焦点 因此我可以构建一个类似于 jEdit 的内联编辑工具 我不能依赖 jQuery 来实现这个库 所以我需要一个本机方法来完成它 我查看了 onblur 这似乎是正确的事情 但 MD
  • Niceedit本地上传图片失败

    我是这样称呼编辑的 new nicEditor buttonList bold italic underline upload iconsPath img nicedit png uploadURI http server com inte
  • Node.js - Async.js:并行执行如何工作?

    我想知道 async js 中并行执行是如何工作的 async require async async parallel function callback for var i 0 i lt 1000000000 i Do nothing
  • 在 HTML5 画布上创建颜色选择器

    如何在 HTML5 画布上绘制颜色选择器 一个基本的例子是使用getImageData http jsfiddle net eGjak 60 http jsfiddle net eGjak 60 var ctx cv get 0 getCo
  • ES6解构对象赋值函数参数默认值

    您好 我正在查看在传递函数参数时使用对象解构的示例对象解构演示 https developer mozilla org en US docs Web JavaScript Reference Operators Destructuring

随机推荐

  • SQL8 查找某个年龄段的用户信息

    描述 题目 现在运营想要针对20岁及以上且23岁及以下的用户开展分析 请你取出满足条件的设备ID 性别 年龄 用户信息表 user profile id device id gender age university province 1
  • 前端UI组件库深度解析:构建现代化的用户体验

    引言 在当今的前端开发中 UI组件库已经成为了我们工具箱中不可或缺的一部分 这些库可以极大地提高我们的工作效率 同时也使我们能够专注于实现真正的业务逻辑 而不是重复地编写UI代码 本篇博客将详细地探讨UI组件库的核心概念 特性以及如何有效地
  • Stm32旧版库函数8——stm32 PWM波 TIM4 PB6 PB7 PB8 PB9

    include
  • html发布页,发布页入口.html

    发布页入口 axure utils getTransparentGifPath function return resources images transparent gif axure utils getOtherPath functi
  • C++11 类型推导decltype(一)

    我们之前使用的typeid运算符来查询一个变量的类型 这种类型查询在运行时进行 RTTI机制为每一个类型产生一个type info类型的数据 而typeid查询返回的变量相应type info数据 通过name成员函数返回类型的名称 同时在
  • Transformer详细解读与预测实例记录

    文章目录 Transformer详细解读与预测实例记录 1 位置编码 1 输入部分 2 位置编码部分 2 多头注意力机制 1 基本注意力机制 2 transformer中的注意力 3 残差和LayerNorm 1 残差 2 LayerNor
  • 错误Unexpected token × in JSON at position 3的解决

    Uncaught SyntaxError Unexpected token in JSON at position 3 at JSON parse
  • Tableau常用函数

    1 ABS number 返回给定数字的绝对值 ABS 7 7 ABS 字段 字段中包含的所有数字的绝对值 2 ATTR expression 如果它的所有行都有一个值 则返回该表达式的值 否则返回星号 会忽略 Null 值 其实维度也可以
  • JAVA_常用API-Math

    目录 前言 一 Math类 Max类的常用方法 例题 1 取绝对值 返回正数 输出结果为 2 向上或者向下取整 3 求指数次方 以及四舍五入 4 生成随机数random 范围是 0 0 1 0 0 0 1 0 总结 前言 本篇文章作为作者学
  • 我们人类与人工智能技术究竟是怎样的关系?

    图片来自pixabay com 来源 赛先生 撰文 爱德华 阿什福德 李 加州大学伯克利分校教授 责编 李珊珊 摘要 数字技术正在和人类文明协同进化 我们依赖技术而生存 技术也依赖我们 这种合作共生的趋势越来越明显 技术并不是所谓的 应用科
  • 解决:java -version,java,javac不是内部或外部命令,也不是可运行的程序 或批处理文件。

    命令行输入java java version javac都显示不是内部或外部命令 1 首先查看了自己的环境变量 经过学习确实都是环境变量出现问题 之前的环境变量都是 JAVA HOME bin 全部换成了绝对路径如 C Program Fi
  • 弃用http改用https的缘故,与密钥的使用,证书意义

    为何弃用http协议 在十几年前 我们的传输协议是http协议 为何到了如今改成了https协议呢 为了安全的考虑 在http协议中 我们的内容是透明的 不被保护的 在黑客等恶意分子的面前 信息极其任意被破译 让我们看看客户端如果使用htt
  • spring笔记1(基础(IoC控制反转、DI依赖注入)、整合Junit、整合web)

    目录 前言 1 spring框架概述 1 什么是spring 1 2 spring由来 1 3spring核心 1 4spring优点 1 5 spring体系结构 2入门案例 IoC 掌握 2 1 导入jar包 2 2 目标类 2 3 配
  • R中关于金融的包

    quantmod 数据和图形 TTR 技术分析 blooter 账户管理 FinancialInstrument 金融产品 quantstrast 策略模型 PerformanceAnalytics 表现分析 这些R包依然在发展中 有些还被
  • 原生js导出excel,并保留样式

    前端表格导出excel一般我们使用xlsx等插件导出 但如果想保留表格的样式导出的话 还需要再使用其他的插件才行 如要保留宽度 字体颜色 背景颜色等样式 这里可以直接使用简短的 原生js方法即可导出带样式的excel文件 直接上代码 原生表
  • 股票实时数据接口

    From http chenpeng info html 1058 做了一点股票分析数据准备 做了个均线图 http stock chenpeng info randomone 查询股票走势请移步 http stock chenpeng i
  • Java内存模型

    Android开发中 存在大量并发的情况 因此也会遇到很多线程安全问题 在查询线程安全相关资料时 通常会查到Java内存模型的知识点 Java内存模型的主要目标是定义程序中各个变量的访问规则 即在虚拟机中将变量存储到内存和从内存中取出变量这
  • 如何一次让ChatGPT输入多个版本的内容供你选择

    随着人工智能的不断进步 我们对于AI工具的需求也在日益增加 尤其是像GPT这样的高级工具 单一的答案输出已经不能满足用户的多元需求 实际上 当我们面对一个问题时 多种答案的输出能让我们更全面地了解和思考 这样我们就可以从各种可能的答案中选择
  • Nikitosh and xor【字典树+dp】

    题目链接 比较明显的 正向一个推过去的字典树 再反向退回来的一个字典树 然后异或和用差分的方式解决 字典树一定是要从第29位开始往下的 千万别从第0位往上 include
  • JavaScript常用的5种排序算法,你都掌握了吗?

    今天给大家带来5种最常见的前端排序算法 注释非常详细 欢迎讨论 1 冒泡排序 Bubble Sort 定义 冒泡排序是一种简单的比较排序算法 它重复地比较相邻的元素 并将顺序错误的相邻元素交换位置 直到整个序列排序完成 代码示例 funct