JavaScript实现合并(归并)排序算法示例解析

 更新时间:2023年08月15日 11:23:26   作者:刀法如飞  
这篇文章主要为大家介绍了JavaScript实现合并(归并)排序算法示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

JavaScript实现归并排序算法详解

说明

归并排序(Merge Sort)算法,也叫合并排序,是创建在归并操作上的一种有效的排序算法。算法是采用分治法(Divide and Conquer)的一个非常典型的应用,且各层分治递归可以同时进行。归并排序思路简单,速度仅次于快速排序,为稳定排序算法,一般用于对总体无序,但是各子项相对有序的数列。

归并排序和选择排序一样,归并排序的性能不受输入数据的影响,但表现比选择排序好的多,因为始终都是O(n log n)的时间复杂度。代价是需要额外的内存空间。

归并排序是用分治思想,分治模式在每一层递归上有三个步骤:

分解(Divide):将n个元素分成个含n/2个元素的子序列。
解决(Conquer):用合并排序法对两个子序列递归的排序。
合并(Combine):合并两个已排序的子序列已得到排序结果。

实现过程

  • 将所有数组项无限细分,得到1个个独立的单元,也就是不断分解。
  • 将相近的两两进行比较,按照已排序数组合并,形成(n/2)个序列,每个序列包含2个数字。
  • 将上述两个序列递归合并,按照已排序数组合并,形成(n/4)个序列,每个序列包含4个数字。
  • 重复步骤2,直到所有元素合并排序完毕。

示意图

性能分析

平均时间复杂度:O(nlogn)

最佳时间复杂度:O(n)

最差时间复杂度:O(nlogn)

空间复杂度:O(n)

排序方式:In-place

稳定性:稳定

JS第1种写法,标准双指针移动比较

/**
 * 归并排序 ,采用分而治之(divide - conquer)的步骤
 * 1. 分解(Divide),把待排序元素的序列分解为两个子序列,以中间2分, 每个子序列包括一半成员。
 * 2. 解决(Conquer),对每个子序列分别调用归并操作, 进行递归或非递归循环操作,完成内部排序。
 * 3. 合并(Combine),合并两个排好序的子序列,生成排序结果。 归并排序的最坏时间复杂度和平均时间复杂度均为O(nlogn)
 */
(function () {
  // 将两个有序数组合并为一个新的有序数组
  function merge (arr, left, mid, right) {
    // 先建立一个长度等于原数组的临时数组
    const temp = []
    // 左侧指针
    let i = left
    // 右侧指针
    let j = mid + 1
    // 临时数组指针
    let k = 0
    // 当左指针小于中间,且右指针不大于最右侧时
    while (i <= mid && j <= right) {
      // 如果左侧小于右侧,将数移到临时数组中左侧
      if (arr[i] <= arr[j]) {
        temp[k++] = arr[i++]
        // 否则移动到临时数组右侧
      } else {
        temp[k++] = arr[j++]
      }
    }
    // 如果左边数组还有数据,就把左侧剩余都放入到原数组后面
    while (i <= mid) {
      temp[k++] = arr[i++]
    }
    // 如果右侧数组还有数据,把剩下的数据放入到原数组后面
    while (j <= right) {
      temp[k++] = arr[j++]
    }
    // 将排序后的元素全部移动到原数组中
    let x = 0
    while (left <= right) {
      arr[left++] = temp[x++]
    }
    console.log('arr:', arr)
  }
  function mergeSort (arr, left, right) {
    // 得到中间值
    const mid = Math.floor((left + right) / 2)
    // 如果左侧小于右侧则执行合并排序
    if (left < right) {
      // 递归合并左侧
      mergeSort(arr, left, mid)
      // 递归合并右侧
      mergeSort(arr, mid + 1, right)
      // 合并左右结果
      merge(arr, left, mid, right)
    }
    return arr
  }
  // test
  const arr = [7, 11, 9, 10, 12, 13, 8, -2, 0, 8]
  console.time('sort')
  console.log('origin:', arr)
  console.log('\r\nsorted:', mergeSort(arr, 0, arr.length - 1))
  console.timeEnd('sort')
})();

JS第2种写法,双指针移动结合数组特性

(function () {
  function mergeSort (arr) {
    const len = arr.length
    if (len < 2) {
      return arr
    }
    // 取得当前数组的中间位置
    const mid = Math.floor(len / 2)
    const left = arr.slice(0, mid)
    const right = arr.slice(mid)
    console.log('mergeSort arr:', arr, left, right)
    // 递归调用,不断重复直到当前数组拆分剩1项
    return merge(mergeSort(left), mergeSort(right))
  }
  // 将两个有序数组进行合并为一个新的有序数组
  function merge (left, right) {
    // 建立一个空数组,用来存放排序结果
    const result = []
    // 左右数组的长度都不为空时,则将两个数组的第一个进行比较
    // 如左侧小于右,则移除左侧的内容到结果数据,反之移动右侧成员
    while (left.length && right.length) {
      if (left[0] <= right[0]) {
        result.push(left.shift())
      } else {
        result.push(right.shift())
      }
    }
    // 最后把剩余的左或者右侧成员全部添加到结果数组
    while (left.length) {
      result.push(left.shift())
    }
    while (right.length) {
      result.push(right.shift())
    }
    // 这样一趟下来后,两个数组就合并为一个新的排序数组
    return result
  }
})()

链接

归并排序算法源码:https://github.com/microwind/algorithms/tree/master/sorts/mergesort

其他排序算法源码:https://github.com/microwind/algorithms

以上就是JavaScript实现合并(归并)排序算法示例解析的详细内容,更多关于JavaScript合并(归并)排序算法的资料请关注脚本之家其它相关文章!

相关文章

  • JS打开图片另存为对话框实现代码

    JS打开图片另存为对话框实现代码

    使用JS打开图片另存为对话框一直都是网页应用中不可缺少的一部分,本人有些好奇,于是搜集整理了一些实现代码,不知道符不符合大众的口味,在此班门弄斧了,需要的朋友可以了解下
    2012-12-12
  • JavaScript图片懒加载的优化方法详解

    JavaScript图片懒加载的优化方法详解

    这篇文章主要为大家详细介绍了JavaScript图片懒加载的优化方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • 史上最为详细的javascript继承(推荐)

    史上最为详细的javascript继承(推荐)

    这篇文章主要介绍了javascript继承,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • javascript数组去重3种方法的性能测试与比较

    javascript数组去重3种方法的性能测试与比较

    面试题中有一题数组去重,首先想到的是对象存键值的方法可是遇到不同类型又能转换成同样的字符串的就完了接下来为大家介绍下双重循环/存键值和类型实现去重,感兴趣的各位可以参考下哈
    2013-03-03
  • HTML+CSS+JavaScript实现下拉菜单效果

    HTML+CSS+JavaScript实现下拉菜单效果

    这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现下拉菜单效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript第一个分水岭之数组的基本操作

    JavaScript第一个分水岭之数组的基本操作

    Arrays(数组) 数组是一个固定长度的存储相同数据类型的数据结构,数组中的元素被存储在一段连续的内存空间中,下面这篇文章主要给大家介绍了关于JavaScript第一个分水岭之数组的基本操作,需要的朋友可以参考下
    2022-04-04
  • Javascript改变CSS样式(局部和全局)

    Javascript改变CSS样式(局部和全局)

    改变CSS样式分为局部和全局,下面为大家介绍下使用Javascript具体的实现,感兴趣的朋友可以参考下
    2013-12-12
  • JavaScript中判断页面关闭、页面刷新的实现代码

    JavaScript中判断页面关闭、页面刷新的实现代码

    这篇文章主要介绍了JavaScript中判断页面关闭、页面刷新的实现代码,在一些特殊的场合中会用到这个技术,需要的朋友可以参考下
    2014-08-08
  • Javascript中的方法和匿名方法实例详解

    Javascript中的方法和匿名方法实例详解

    这篇文章主要介绍了Javascript中的方法和匿名方法,以实例形式较为详细的分析了javascript中方法及匿名方法的定义与使用技巧,需要的朋友可以参考下
    2015-06-06
  • javascript验证手机号和实现星号(*)代替实例

    javascript验证手机号和实现星号(*)代替实例

    在我们日常开发中经常要验证客户输入的手机号是否正确,有的时候还需要将中间的四位或者前几位用星号(*)代替,那该如何实现呢?下面跟着小编一起来看看。
    2016-08-08

最新评论