js中常见的几种排序算法(js常用排序)
myzbx 2025-07-02 23:17 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));
}
相关推荐
- C语言速成之数组:C语言数据处理的核心武器,你真的玩透了吗?
-
程序员Feri一名12年+的程序员,做过开发带过团队创过业,擅长Java、鸿蒙、嵌入式、人工智能等开发,专注于程序员成长的那点儿事,希望在成长的路上有你相伴!君志所向,一往无前!数组:C语言数据处理...
- ES6史上最全数JS数组方法合集-02-数组操作
-
数组生成array.ofletres=Array.of(1,2,3)console.log(res)//[1,2,3]下标定位indexOf用于查找数组中是否存在某个值,如果存...
- 前端性能拉胯?这 8 个 JavaScript 技巧让你的代码飞起来!
-
在前端开发的江湖里,JavaScript就是我们手中的“绝世宝剑”。但为啥别人用剑就能轻松斩敌,你的代码却总拖后腿,页面加载慢、交互卡顿?别着急!今天带来8个超实用的JavaScript实...
- 12种JavaScript中最常用的数组操作整理汇总
-
数组是最常见的数据结构之一,我们需要绝对自信地使用它。在这里,我将列出JavaScript中最重要的几个数组常用操作片段,包括数组长度、替换元素、去重以及许多其他内容。1、数组长度大多数人都知道可...
- 手把手教你在Webpack写一个Loader
-
前言有的时候,你可能在从零搭建Webpack项目很熟悉,配置过各种loader,面试官在Webpack方面问你,是否自己实现过一个loader?如果没有去了解过如果去实现,确实有点尴尬,其...
- const关键字到底该什么用?(可以用const关键字定义变量吗)
-
文|守望先生经授权转载自公众号编程珠玑(id:shouwangxiansheng)前言我们都知道使用const关键字限定一个变量为只读,但它是真正意义上的只读吗?实际中又该如何使用const关键字...
- “JavaScript变量声明三兄弟,你真的会用吗?
-
在JavaScript中,var、let和const是声明变量的关键字,它们在作用域、变量提升、重复声明和重新赋值等方面有显著区别。以下是它们的相同点和不同点,并通过代码示例详细说明。一、相同点声明变...
- ES6(二)let 和 const(es6 var let const区别)
-
let命令let和var差不多,只是限制了有效范围。先定义后使用不管是什么编程语言,不管语法是否允许,都要秉承先定义,然后再使用的习惯,这样不会出幺蛾子。以前JavaScript比较随意,...
- js 里面 let 和 const的区别(js中的let)
-
在JavaScript(包括Vue、Node.js、前端脚本等)中,const和let是用于声明变量的两种方式,它们的主要区别如下:constvslet的区别特性constlet是否...
- JDK21新特性:Sequenced Collections
-
SequencedCollectionsJDK21在JEP431提出了有序集合(SequencedCollections)。引入新的接口来表示有序集合。这样的集合都有一个明确的第一个元素、第二个...
- 动态编程基础——第 2 部分(动态编程是什么)
-
有两种方法可以使用动态规划来解决问题。在这篇文章中,我们将了解制表法。请参阅我的动态编程基础——第1部分了解记忆方法。记忆制表什么是动态规划?它是一种简单递归的优化技术。它大大减少了解决给定...
- Lambda 函数,你真的的了解吗(lambda函数用法)
-
什么是lambda函数lambda函数是一个匿名函数,这意味着与其他函数不同,它们没有名称。这是一个函数,它添加两个数字,写成一个命名函数,可以按其名称调用它们:defadd(x,y):...
- JavaScript 数组操作方法大全(js数组操作的常用方法有哪些)
-
数组操作是JavaScript中非常重要也非常常用的技巧。本文整理了常用的数组操作方法(包括ES6的map、forEach、every、some、filter、find、from、of等)...
- 系列专栏(六):解构赋值(解构赋值默认值)
-
ES6作为新一代JavaScript标准,已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解,MozillaWeb开发者博客推出了《ES6InDepth》系列文章。CSDN...
- js列表遍历方法解读(js遍历链表)
-
JavaScript提供了多种遍历数组(或列表)的方法。以下是一些常用的方法及其解读:for循环:vararray=[1,2,3,4,5];for(vari=0;...
- 一周热门
- 最近发表
-
- C语言速成之数组:C语言数据处理的核心武器,你真的玩透了吗?
- ES6史上最全数JS数组方法合集-02-数组操作
- 前端性能拉胯?这 8 个 JavaScript 技巧让你的代码飞起来!
- 12种JavaScript中最常用的数组操作整理汇总
- 手把手教你在Webpack写一个Loader
- const关键字到底该什么用?(可以用const关键字定义变量吗)
- “JavaScript变量声明三兄弟,你真的会用吗?
- ES6(二)let 和 const(es6 var let const区别)
- js 里面 let 和 const的区别(js中的let)
- JDK21新特性:Sequenced Collections
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)