js中常见的几种排序算法(js十大排序算法)
wptr33 2025-05-05 19:03 5 浏览
总结几种排序算法。算法在任何一门编程语言都可以实现,学好算法重点是思想,而不是语言,我们这里使用js进行演示。
当然js内部也提供了Array.prototype.sort方法进行排序我们不做具体介绍,详见:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
1.冒泡排序
实现原理:
1.依次比较相邻的两个数,如果第1个值大于第2个值,交换位置。如果第1个值小于第2个值,不交换位置。一轮下来,最后一个是最大的数
2.每下一轮开始除了最后一个之外的数重复第一步,直到只剩一个数
如图所示:
代码:
function bubbleSort(array){
var len = array.length;
var i;
var j;
var stop;
for (i = 0; i < len - 1; i++){
for (j = 0, stop = len - 1 - i; j < stop; j++){
if (array[j] > array[j + 1]){
exchange(array, j, j + 1);
}
}
}
return array;
}
function exchange(array, p1, p2){
var temp = array[p1];
array[p1] = array[p2];
array[p2] = temp;
}
2.快速排序
实现原理:
1.以一个数为基准(中间的数),比基准小的放到左边,比基准大的放到右边
2.再按此方法对这两部分数据分别进行快速排序(递归原理)
3.不能再分后退出递归,并重新将数组合并
如图所示:
代码:
var quickSort = function(array) {
// 当被分的数组只剩一个时,退出递归
if (array.length <= 1) {
return array;
}
// 中间基准值的index
var middleIndex = Math.floor(array.length / 2);
// 基准值
var middle = array.splice(middleIndex, 1)[0];
var left = [];
var right = [];
// 小的放左边,大的放右边
for (var i = 0; i < array.length; i++) {
if (array[i] < middle) {
left.push(array[i]);
} else {
right.push(array[i]);
}
}
// 递归
// 把数组合并在一起
return quickSort(left).concat([middle], quickSort(right));
};
3.选择排序
实现原理:
1.找出最小的数,和第一个交换位置
2.在剩下的数中,找出最二小的数,放在第二个
3.依次类推,排出顺序
如图所示:
代码:
function selectSort(array){
var len = array.length,
min;
for (i=0; i < len; i++){
// 将当前位置设为最小值
min = i;
// 检查数组其余部分是否更小
for (j=i+1; j < len; j++){
if (array[j] < array[min]){
min = j;
}
}
// 如果当前位置不是最小值,将其换为最小值
if (i != min){
exchange(array, i, min);
}
}
return array;
}
function exchange(array, p1, p2){
var temp = array[p1];
array[p1] = array[p2];
array[p2] = temp;
}
4.插入排序
实现原理:
1.把数组分为[已排序]和[未排序]两部分,第一个数为[已排序],其余为[未排序]
2.从[未排序]抽出第一个数,和[已排序]部分比较,插入到合适的位置
如图所示:
代码:
function insertSort(array) {
var len = array.length, // 数组长度
value, // 当前比较的值
i, // 未排序部分的当前位置
j; // 已排序部分的当前位置
for (i=0; i < len; i++) {
// 储存当前位置的值
value = array[i];
/*
* 当已排序部分的当前元素大于value,
* 就将当前元素向后移一位,再将前一位与value比较
*/
for (j=i-1; j > -1 && array[j] > value; j--) {
array[j+1] = array[j];
}
array[j+1] = value;
}
return array;
}
5.合并排序
实现原理:
1.不断将数组对半分,直到每个数组只有一个
2.将分出来的部分重新合并
3.合并的时候按顺序排列
如图所示:
// 被拆分的数组重新合并
function merge(left, right) {
var result = [],
left_index = 0,
right_index = 0;
// 将两个数组合并
// 合并的时候按从小到大的顺序
while (left_index < left.length && right_index < right.length) {
if (left[left_index] < right[right_index]) {
result.push(left[left_index++]);
} else {
result.push(right[right_index++]);
}
}
// 和其他数组拼接
return result.concat(left.slice(left_index)).concat(right.slice(right_index));
}
function mergeSort(array) {
// 只有一个数的时候退出递归
if (array.length < 2) {
return array;
}
var middle = Math.floor(array.length / 2),
left = array.slice(0, middle),
right = array.slice(middle);
// 递归
// 不断拆分只到一个数组只有一个数
return merge(mergeSort(left), mergeSort(right));
}
相关推荐
- 史上最强vue总结,面试开发全靠它了
-
vue框架篇vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习;双向数据绑定:保留了angular的特点,...
- Node.js Stream - 实战篇(node.js 10实战)
-
本文转自“美团点评技术团队”http://tech.meituan.com/stream-in-action.html背景前面两篇(基础篇和进阶篇)主要介绍流的基本用法和原理,本篇从应用的角度,介...
- JavaScript 中的 4 种新方法指南Array.
-
JavaScript中的4种新方法指南Array.prototypeArray其实和Python中的l列表list的操作用非常像JavaScript语言标准的最新版本是ECMAScript...
- Js基础31:内置对象(js 内置对象)
-
js里面的对象分成三大类:内置对象ArrayDateMath...
- 常见vue面试题,大厂小厂都一样(vue经典面试题)
-
一、谈谈你对MVVM的理解?...
- 最全的 Vue 面试题+详解答案(vue面试题2020例子以及答案)
-
前言本文整理了...
- 不产生新的数组,删除数组里的重复元素
-
数组去重的方式有很多,我们可以使用Set去重、filter过滤等,详见携程&蘑菇街&bilibili:手写数组去重、扁平化函数...
- 更简单的Vue3中后台动态路由 + 侧边栏渲染方案
-
时至今日,vue2已经升级到了vue3,动态路由的实现方案也同步做出了一些升级迭代,帮助开发者们更高效的完成业务需求,然后摸鱼。本次逻辑的升级,主要聚焦于2点更加简单的实现逻辑更加便捷的路由配置...
- js常用数组API方法汇总(js数组api有哪些)
-
1.push()向数组末尾添加一个或多个元素,并返回新的长度。//1.push()向数组末尾添加一个或多个元素,并返回新的长度。constarr1=[1,2,3];const...
- JavaScript 数组操作方法大全(js数组的用法)
-
数组操作是JavaScript中非常重要也非常常用的技巧。本文整理了常用的数组操作方法(包括ES6的map、forEach、every、some、filter、find、from、of等)...
- Array类型简介(arrays类常用方法)
-
Array类型除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了。而且,ECMAScript中的数组与其他多数语言中的数组有着相当大的区别。虽然ECMAScript数组与其...
- 鸿蒙开发基础——TypeScript Array对象解析
-
数组对象是使用单独的变量名来存储一系列的值。TypeScript的数组对象提供了强大的类型支持,确保数组操作的类型安全。...
- js中splice的用法,使用说明及例程
-
js中splice的用法,使用说明及例程。splice()方法用于添加或删除数组中的元素,使用起来很怪异。删除会影响原有数组,会返回删除的内容。例1,删除数组内容:varstr=["a...
- 3个 Vue $set 的应用场景(vue中set方法应用场景)
-
大家好,我是大澈!一个喜欢结交朋友、喜欢编程技术和科技前沿的老程序员,关注我,科技未来或许我能帮到你!...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
因果推断Matching方式实现代码 因果推断模型
-
git pull命令使用实例 git pull--rebase
-
git pull 和git fetch 命令分别有什么作用?二者有什么区别?
-
面试官:git pull是哪两个指令的组合?
-
git 执行pull错误如何撤销 git pull fail
-
git fetch 和git pull 的异同 git中fetch和pull的区别
-
git pull 之后本地代码被覆盖 解决方案
-
还可以这样玩?Git基本原理及各种骚操作,涨知识了
-
git命令之pull git.pull
-
- 最近发表
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mysql max (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)