热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js的tree数组对象扁平化思否_Javascript算法—数组排序

作为初级前端面试,一般算法问题考的不多,但是如果考算法的话,数组排序被问到的概率是非常大的,本文介绍几种排序方案。一、冒泡排

ec9b823ea6f85146823a7a873d25dd42.png

作为初级前端面试,一般算法问题考的不多,但是如果考算法的话,数组排序被问到的概率是非常大的,本文介绍几种排序方案。

一、冒泡排序

最基本也是最经典的排序算法。利用双层for循环,外层控制比较趟数,内层控制当前这一趟比较的次数,相邻的两个数互相比较,如果前一个数比后一个数大,那就直接交换,以此类推,每一趟比较都能确定当前的最大值,所以就会像冒泡一样将比较大的数冒泡到最后,从而排好序。

1234567891011121314

function sort1 (arr) { var len = arr.length for (var i = 0; i arr[j+1]) { var temp = arr[j+1] arr[j+1] = arr[j] arr[j] = temp } } } return arr}console.log(sort1([2,4,32,4,6,9,8])) // [2, 4, 4, 6, 8, 9, 32]

二、选择排序

选择排序相较冒泡排序没有那么激进,选择排序在比较的过程中只是记录当前最小值所在的索引,一趟结束以后判断最小值索引如果不是一开始假设的值,那就将最小索引所在的值交换到这一趟的最前面去,从而完成排序。

1234567891011121314151617

function sort2 (arr) { for (var i = 0; i

三、快速排序

找一个基准值,将数组中比基准值小的放入左边,比基准值大的放入右边,然后将左右两部分继续找基准值再分成两部分,依次递归下去,直到不能再拆分为止(数组length为1),就排好序了。

123456789101112131415161718

function sort3 (arr) { if (arr.length <&#61; 1) { return arr } var num &#61; Math.floor(arr.length / 2) var centerVal &#61; arr.splice(num, 1) var left &#61; [] var right &#61; [] for (var i &#61; 0; i

四、插入排序

依次往后遍历&#xff0c;将遍历到的数和前面的数从后往前依次比较&#xff0c;如果当前数比前面的某个数要大&#xff0c;那就说明当前数应该在的位置就是这个数的后面。

12345678910111213

function sort4 (arr) { for (var i &#61; 1; i &#61; 0 && arr[preIndex] > current) { arr[preIndex &#43; 1] &#61; arr[preIndex] preIndex-- } arr[preIndex &#43; 1] &#61; current } return arr}console.log(sort4([2,4,32,4,6,9,8])) // [2, 4, 4, 6, 8, 9, 32]

五、希尔排序

插入排序的改进版&#xff0c;分组做插入排序。通过对增量gap的控制实现对分组的细化&#xff0c;最后完成排序。

1234567891011121314151617

function sort5 (arr) { var gap &#61; 1 while (gap 0; gap &#61; Math.floor(gap / 5)) { for (var i &#61; gap; i &#61; 0 && arr[j] > temp; j -&#61; gap) { arr[j &#43; gap] &#61; arr[j] } arr[j &#43; gap] &#61; temp } } return arr}console.log(sort5([2,4,32,4,6,9,8])) // [2, 4, 4, 6, 8, 9, 32]

六、堆排序

利用堆(一棵顺序存储的完全二叉树)来完成堆数组的排序。

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950

function sort6 (arr) { // 初始化大顶堆&#xff0c;从第一个非叶子结点开始 for (let i &#61; Math.floor(arr.length / 2 - 1); i >&#61; 0; i--) { adjustHeap(arr, i, arr.length) } // 排序&#xff0c;每一次for循环找出一个当前最大值&#xff0c;数组长度减一 for(let i &#61; Math.floor(arr.length - 1); i > 0; i--) { // 根节点与最后一个节点交换 swap(arr, 0, i) // 从根节点开始调整&#xff0c;并且最后一个结点已经为当前最大值&#xff0c;不需要再参与比较&#xff0c;所以第三个参数为 i&#xff0c;即比较到最后一个结点前一个即可 adjustHeap(arr, 0, i) } return arr}// 交换两个节点function swap(arr, i, j) { let temp &#61; arr[i] arr[i] &#61; arr[j] arr[j] &#61; temp}// 将 i 结点以下的堆整理为大顶堆&#xff0c;注意这一步实现的基础实际上是&#xff1a;// 假设 结点 i 以下的子堆已经是一个大顶堆&#xff0c;adjustheap 函数实现的// 功能是实际上是&#xff1a;找到 结点 i 在包括结点 i 的堆中的正确位置。后面// 将写一个 for 循环&#xff0c;从第一个非叶子结点开始&#xff0c;对每一个非叶子结点// 都执行 adjustheap 操作&#xff0c;所以就满足了结点 i 以下的子堆已经是一大顶堆function adjustHeap(arr, i, length) { // 当前父节点 let temp &#61; arr[i] // j for(let j &#61; 2 * i &#43; 1; j

七、sort

使用数组的API sort实现排序。

1234

function sort7 (arr) { return arr.sort((a, b) &#61;> a - b)}console.log(sort7([2,4,32,4,6,9,8])) // [2, 4, 4, 6, 8, 9, 32]

cc9ba4feaad8a6d7f27aa81d7186658d.png

代码不是万能的&#xff0c;但不写代码是万万不能的

2020/11/18 Dary记

相关推荐&#xff1a;

    Javascript算法 — 数组去重

    Javascript算法 — 数组扁平化

Javascript内置对象 — Math数学对象

HTTP请求完整过程以及头信息深入解析正则表达式防抖和节流



推荐阅读
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • 深入探索HTTP协议的学习与实践
    在初次访问某个网站时,由于本地没有缓存,服务器会返回一个200状态码的响应,并在响应头中设置Etag和Last-Modified等缓存控制字段。这些字段用于后续请求时验证资源是否已更新,从而提高页面加载速度和减少带宽消耗。本文将深入探讨HTTP缓存机制及其在实际应用中的优化策略,帮助读者更好地理解和运用HTTP协议。 ... [详细]
  • 本文将继续探讨 JavaScript 函数式编程的高级技巧及其实际应用。通过一个具体的寻路算法示例,我们将深入分析如何利用函数式编程的思想解决复杂问题。示例中,节点之间的连线代表路径,连线上的数字表示两点间的距离。我们将详细讲解如何通过递归和高阶函数等技术实现高效的寻路算法。 ... [详细]
  • 本文详细探讨了JavaScript中数组去重的各种方法,并通过实际代码示例进行了深入解析。文章首先介绍了几种常见的去重技术,包括使用Set对象、过滤方法和双重循环等。每种方法都附有具体的实现代码,帮助读者更好地理解和应用这些技术。此外,文中还讨论了不同方法在性能上的优劣,为开发者提供了实用的参考。 ... [详细]
  • 本文节选自《NLTK基础教程——用NLTK和Python库构建机器学习应用》一书的第1章第1.2节,作者Nitin Hardeniya。本文将带领读者快速了解Python的基础知识,为后续的机器学习应用打下坚实的基础。 ... [详细]
  • 重要知识点有:函数参数默许值、盈余参数、扩大运算符、new.target属性、块级函数、箭头函数以及尾挪用优化《深切明白ES6》笔记目次函数的默许参数在ES5中,我们给函数传参数, ... [详细]
  • 本文记录了 JavaScript 中正则表达式的使用方法和常见操作,包括匹配、替换、搜索等。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • Flutter 2.* 路由管理详解
    本文详细介绍了 Flutter 2.* 中的路由管理机制,包括路由的基本概念、MaterialPageRoute 的使用、Navigator 的操作方法、路由传值、命名路由及其注册、路由钩子等。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 利用 JavaScript 和 Node.js 验证时间的有效性
    本文探讨了如何使用 JavaScript 和 Node.js 验证时间的有效性。通过编写一个 `isTime` 函数,我们可以确保输入的时间格式正确且有效。该函数利用正则表达式匹配时间字符串,检查其是否符合常见的日期时间格式,如 `YYYY-MM-DD` 或 `HH:MM:SS`。此外,我们还介绍了如何处理不同时间格式的转换和验证,以提高代码的健壮性和可靠性。 ... [详细]
  • 深入解析JavaScript柯里化的实现机制及其应用场景
    本文深入探讨了JavaScript中柯里化的实现机制及其应用场景。通过详细的示例代码,文章全面解析了柯里化的工作原理和实际应用,为读者提供了宝贵的学习资源,有助于提升编程技能和解决实际开发中的问题。 ... [详细]
author-avatar
阿川那小子
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有