(四)前端javascript中的数据结构之归并排序

归并排序是一种分治算法, 其思想是:
将原始数组切分成较小的数组,直到每个小数组只有一
个位置,接着将小数组归并成较大的数组,直到最后只有一个排序完毕的大数组
归并排序是第一个可以被实际使用的排序算法。它比前面的几种排序方法效率要好很多

因为是分治思想,所以要用到递归。

代码实现

js 复制代码
//归并排序的特点
// 1.归并排序是建立在归并操作上的一种有效的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。
// 2.归并排序是一种稳定的排序方法。
// 3.归并排序是建立在归并操作上的一种有效的排序算法。归并操作(merge)指的是将两个有序的序列合并成一个有序序列的过程。
// 4.归并排序是一种时间复杂度为O(nlogn)的排序算法。
// 5.归并排序是一种稳定的排序方法。

function mergeSort(arr) {
  return mergeSortRecursion(arr);
}

function mergeSortRecursion(arr, type) {
  //如果数组长度小于等于1,直接返回
  if (arr.length <= 1) return arr;
  //计算中间值
  var mid = Math.floor(arr.length / 2);
  //拆分数组,为左右两部分,并递归
  var leftArr = arr.slice(0, mid);
  console.log("🚀 ~ mergeSortRecursion ~ leftArr:", leftArr);
  var rightArr = arr.slice(mid);
  console.log("🚀 ~ mergeSortRecursion ~ rightArr:", rightArr);
  console.log("🚀 ~ mergeSortRecursion ~ type:", type);
  console.log("aaa");

  return merge(
    mergeSortRecursion(leftArr, "left"),
    mergeSortRecursion(rightArr, "right")
  );
}

function merge(left, right) {
  console.log("🚀 ~ merge ~ right:", right);
  console.log("🚀 ~ merge ~ left:", left);
  let result = [],
    il = 0,
    ir = 0;
  while (il < left.length && ir < right.length) {
    if (left[il] < right[ir]) {
      result.push(left[il++]);
    } else {
      result.push(right[ir++]);
    }
  }
  while (il < left.length) {
    result.push(left[il++]);
  }
  while (ir < right.length) {
    result.push(right[ir++]);
  }
  console.log("🚀 ~ merge ~ result:", result);
  return result;
}

复杂度

  • 时间复杂度:O(nlogn)
  • 空间复杂度:O(n)
  • 稳定排序算法

测试

js 复制代码
    const demo = mergeSortRecursion([1, 5, 3, 4, 2,10,12])
    console.log("🚀 ~ demo:", demo)


一定要借助断点调试,查看执行的流程,不然实在无法理解这个实现过程,大佬就自便了

相关推荐
秃顶老男孩.14 小时前
异步处理(前端面试)
前端·面试·职场和发展
三脚猫的喵14 小时前
微信小程序中实现AI对话、生成3D图像并使用xr-frame演示
前端·javascript·ai作画·微信小程序
文心快码BaiduComate14 小时前
文心快码3.5S全新升级,体验多智能体协同开发,最高赢无人机!
前端·后端·程序员
安卓开发者14 小时前
鸿蒙Next ArkWeb进程解析:多进程架构如何提升Web体验
前端·架构·harmonyos
炒毛豆14 小时前
移动端响应式px转换插件PostCSS的使用~
前端·javascript·postcss
宁檬精14 小时前
算法练习——55.跳跃游戏
数据结构·算法·游戏
恋猫de小郭14 小时前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
wordbaby14 小时前
用 window.matchMedia 实现高级响应式开发:API 全面解析与实战技巧
前端·javascript
薄雾晚晴14 小时前
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
前端·javascript
huabuyu14 小时前
在 Taro 小程序中实现完整 Markdown 渲染器的实践
前端