JS数组排序看懂这篇就够了

简介: JS数组排序看懂这篇就够了

相信大家对数组排序都不陌生,在开发中我们通常会使用sort方法进行数组的排序。今天我主要带大家回顾一下JS中几种常用的数组排序方式。

  1. sort方法

基本思路:

sort方法默认按照字符的ASCII码进行升序排序。可以传一个函数作为参数并返回一个数值实现升序或降序排列。

代码实现:

var arr = [18, 2, 10, 9, 88, 66, 22];

arr.sort(function (a, b) {

return b - a; //降序排序

// return a - b; //升序排序

});

console.log(arr); //[88,66,22,18,10,9,2]

图片源于网络,侵删

  1. reverse方法

基本思路:

reverse同样是数组中的排序方法,直接调用即可。不过它只能实现数组的逆序排序,并且会直接在原数组上进行修改。

代码实现:

var arr = [18, 2, 10, 9, 88, 66, 22];

arr.reverse();

console.log(arr); //[22,66,88,9,10,2,18]

  1. 冒泡排序

基本思路:

冒泡排序可以说是数组排序最经典的排序方式。它的原理是指定一个规则,每次比较相邻的两个数,如果不符合规则就互换位置,这样每一轮比较就能把最大或者最小的值放在数组最后一位,然后继续对未排序的数组重新进行规则比较。

代码实现:

var arr = [18, 2, 10, 9, 88, 66, 22];

for (var i = 0; i < arr.length - 1; i++) {

for (var j = 0; j < arr.length - i - 1; j++) {

if (arr[j] > arr[j + 1]) {

var temp = arr[j];

arr[j] = arr[j + 1];

arr[j + 1] = temp;

}

}

}

console.log(arr); // [2, 9, 10, 18, 22, 66, 88]

  1. 选择排序

基本思路:

先假设数组中的第一个元素为最小值,对应一个变量minIndex指向它的下标,然后让该值和剩余的所有值进行比较,如果小于该值,则将minIndex指向较小的值的下标,然后让minIndex对应的值和剩余的值进行比较,重复此操作至本轮循环结束,从而确定了当前最小值的下标。然后让minIndex对应的值和数组第一个未排序的元素进行交换,这样就确定了一个最小值,之后开始第二轮循环,忽略已排序的元素,假设第二个值为最小值,再次进行上述操作,以此类推,最终实现数组从小到大的排序。

代码实现:

var arr = [18, 2, 10, 9, 88, 66, 22];

for (var i = 0; i < arr.length - 1; i++) {

var minIndex = i;

for (var j = i + 1; j < arr.length; j++) {

if (arr[minIndex] > arr[j]) {

minIndex = j;

}

}

var temp = arr[i];

arr[i] = arr[minIndex];

arr[minIndex] = temp;

}

console.log(arr); // [2, 9, 10, 18, 22, 66, 88]
//代码效果参考:http://www.zidongmutanji.com/bxxx/335146.html

  1. 插入排序

基本思路:

插入排序是将数组第一个元素看做一个有序队列,把剩下的元素当成是未排序队列。从头到尾依次扫描未排序序列,把每个元素在已经排序的元素队列中从后向前依次比较,如果已排序元素大于新元素,则继续比较,直到找到小于或等于新元素的已排序元素,然后将新元素插入到该元素后面。

代码实现:

var arr = [18, 2, 10, 9, 88, 66, 22];

for (var i = 0; i < arr.length; i++) {

for (var j = i; j >= 0; j--) {

if (arr[j] > arr[j + 1]) {

var temp = arr[j];

arr[j] = arr[j + 1];

arr[j + 1] = temp;

}

}

}

console.log(arr); // [2, 9, 10, 18, 22, 66, 88]

  1. 快速排序

基本思路:

快速排序是对冒牌排序的一种改进,它需要先取出数组的中间值作为基数,再准备两个新的数组,把原数组中剩余的值一一和它进行比较,小于它的放在左边数组,大于它的放在右边数组,然后左右两个数组再次重复上述操作,最后再把所有的数组进行合并就会获得完成排序后的新数组。

代码实现:

var arr = [18, 2, 10, 9, 2, 9, 88, 66, 22];

var quickSort = function (arr) {

if (arr.length <= 1) {

return arr;

}

var midIndex = Math.floor(arr.length / 2);

var mid = arr[midIndex];

arr.splice(midIndex, 1);

var leftArr = [];

var rightArr = [];

for (var i = 0; i < arr.length; i++) {

if (arr[i] < mid) {

leftArr.push(arr[i]);

} else {

rightArr.push(arr[i]);

}

}

return quickSort(leftArr).concat([mid], quickSort(rightArr));

};

console.log(quickSort(arr)); // [2, 2, 9, 9, 10, 18, 22, 66, 88]

相关文章
egg.js 24.13sequelize模型-字段限制排序分页
egg.js 24.13sequelize模型-字段限制排序分页
152 1
egg.js 24.13sequelize模型-字段限制排序分页
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 算法 前端开发
JS数组操作方法全景图,全网最全构建完整知识网络!js数组操作方法全集(实现筛选转换、随机排序洗牌算法、复杂数据处理统计等情景详解,附大量源码和易错点解析)
这些方法提供了对数组的全面操作,包括搜索、遍历、转换和聚合等。通过分为原地操作方法、非原地操作方法和其他方法便于您理解和记忆,并熟悉他们各自的使用方法与使用范围。详细的案例与进阶使用,方便您理解数组操作的底层原理。链式调用的几个案例,让您玩转数组操作。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
12月前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
310 59
|
12月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
310 0
|
JavaScript 前端开发
用Javascript对二维数组DIY按汉语拼音的排序方法
用Javascript对二维数组DIY按汉语拼音的排序方法
|
JavaScript
js实现模糊搜索和排序
js实现模糊搜索和排序
63 0
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
3364 1
|
JavaScript
JS 【详解】双指针排序 -- 数组合并后递增排序
JS 【详解】双指针排序 -- 数组合并后递增排序
95 0
|
前端开发 JavaScript
前端 JS 经典:最近距离排序
前端 JS 经典:最近距离排序
77 0