js中数组排序的五种方式「建议收藏」

js中数组排序的五种方式「建议收藏」1.Javascript的sort方法,本方法的原理是冒泡排序,这里默认从小到大排序<script> vararr=[23,13,34,65,65,45,89,13,1]; varnewArr=arr.sort(function(a,b){ returna-b; }); console.log(newArr);//输出结果[1,13,13,23,34,45,65,65,89]</script>2….

大家好,又见面了,我是你们的朋友全栈君。

下面主要介绍了数组排序的五种方式——sort()方法、选择排序、冒泡排序、插入排序和快速排序

刚兴趣的朋友,可以往下看哦。

1.js中的sort()方法

基本思想:根据提供的排序规则,对数组元素进行排序。
                  使用数字排序,必须通过一个函数作为参数来调用。

var arr = [123,203,23,13,34,65,65,45,89,13,1];
function func(a,b){
	return a-b;
}
console.log(arr.sort(func)); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]

2.选择排序

基本思想:首先在未排序数组中找到最小(大)元素,存放在数组的起始位置。
                  再从剩余数组元素中继续寻找最小(大)元素,返回放在已排序数组的末尾
                  重复第二步,直到所有元素都排序完成
动画演示:

js中数组排序的五种方式「建议收藏」

var arr = [123,203,23,13,34,65,65,45,89,13,1];
for(var i=0;i<arr.length;i++){
	for(var j=i+1;j<arr.length;j++){
		//如果第一个比第二个大,就交换他们两个位置
		if(arr[i]>arr[j]){
			var temp = arr[i];
			arr[i] = arr[j];
			arr[j] = temp;
		}
	}
}
console.log(arr); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]

3.冒泡排序

基本思想:一次比较两个相邻的数,如果不符合规则互换位置,一次比较就能够将最大或最小的值放在数组最后一位
                  继续对除【最后一位】之外的所有元素重复上述过程
动画演示:

js中数组排序的五种方式「建议收藏」

var arr = [123,203,23,13,34,65,65,45,89,13,1];
for(var i=0; i<arr.length-1; i++){
	//每一轮比较要比多少次
	for(var j=0; j<arr.length-1-i; j++){
	    //如果第一个比第二个大,就交换他们两个位置
	    if(arr[j]>arr[j+1]){
	        var temp = arr[j];
	        arr[j] = arr[j+1];
	        arr[j+1] = temp;
	    }
	}    
}
console.log(arr); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]

4.插入排序

基本思想:将数组第一个元素看做一个有序序列,把第二个元素到最后一个元素当成是未排序序列。
                  从头到尾依次扫描未排序序列,将扫描到的每个元素插入有序序列的适当位置。
                  如果待插入的元素与有序序列中的某个元素相等,则将待插入元素插入到相等元素的后面。
动画演示:

js中数组排序的五种方式「建议收藏」

var arr = [123,203,23,13,34,65,65,45,89,13,1];
var preIndex, current;
for(var i=1;i<arr.length;i++){
	preIndex = i-1;
	current = arr[i];
	while(preIndex>=0 && arr[preIndex]>current) {
	    arr[preIndex+1] = arr[preIndex];
	    preIndex--;
	}
	arr[preIndex+1] = current;
}
console.log(arr); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]

5.快速排序(依托递归函数)

基本思想:在已知数据集合中随便去一个基准(pivot)
                  将其余数据以基准为中心,大于分放右边,小于的放左边
                  将左右两个子集重复以上两个步骤
动画演示:

js中数组排序的五种方式「建议收藏」

var arr = [123,203,23,13,34,65,65,45,89,13,1];	
//创建快速排序函数
function quickSort(tempArr){
	//递归终止条件
	if(tempArr.length<=1){
		return tempArr;
	};
	//取基准
	var pivotIndex = Math.floor(tempArr.length/2);
	var pivot = tempArr.splice(pivotIndex,1);
	//分左右
	var leftArr = [];
	var rightArr = [];
	for(var i=0;i<tempArr.length;i++){
		if(tempArr[i]>pivot){
			rightArr.push(tempArr[i]);
		}else{
			leftArr.push(tempArr[i]);
	    };
	};
	return quickSort(leftArr).concat(pivot,quickSort(rightArr));
};
console.log(quickSort(arr)); //(11) [1, 13, 13, 23, 34, 45, 65, 65, 89, 123, 203]

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138621.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月6日 下午5:40
下一篇 2022年5月6日 下午6:00


相关推荐

  • CSDN第一篇博客日记

    CSDN第一篇博客日记CSDN注册很久了,但一直都没来弄,因为开始刚刚学C和C++,许多的东西进来看不懂,觉得这还不是我的一片天地,而转眼又过了两年了,现在的我已经是大二快读完了,我学的是信息与计算科学专业,学了C和C++,现在正在学习数据结构,感觉有点难,看不懂~ 有个时候碰到问题总是自己不能解决,在QQ问问里和百度里搜吧答案找一个只能是一个,过后又忘记了,想把自己的问题以及学习过程记录下来,也想把自己得到的好的解

    2022年4月29日
    32
  • 【SpringBoot】36、SpringBoot整合Redis实现发布/订阅

    【SpringBoot】36、SpringBoot整合Redis实现发布/订阅一 简介 1 发布订阅 SUBSCRIBE UNSUBSCRIBE 和 PUBLISH 实现了发布 订阅消息范例 发送者 publishers 不用编程就可以向特定的接受者发送消息 subscribers Rather 发布的消息进入通道 不需要知道有没有订阅者 订阅者发表感兴趣的一个或多个通道 并且只接受他们感兴趣的消息 不管发布者是不是存在 发布者和订阅者的解耦可以允许更大的伸缩性和更多动态的网络拓扑 2 说明本篇文章是继 SpringBoot 三十四 SpringBoot

    2026年3月19日
    3
  • c++cstring头文件_fstream头文件

    c++cstring头文件_fstream头文件函数strcpy原型:char*strcpy(char*s1,constchar*s2);作用:将字符串2复制到字符数组1当中去说明:字符数组1的长度应不小于字符串2的长度”字符数组1″必须写成数组名形式,”字符串2″可以为字符数组名,也可以是一个字符串常量在未对字符数组1赋初值时,复制时将”字符串2″中的字符串和其后的”/0″一

    2025年11月4日
    4
  • dhtml gantt所有配置_dhtmlxGantt

    dhtml gantt所有配置_dhtmlxGanttdhtmlxGantt 交互式的 JavaScript HTML5 甘特图软件商 XBSoftware 当前版本 7 0 5 发布日期 2020 6 4 推荐 以下是 新版功能 如果您需要了解更多信息 您可以联系我们 v7 0 52020 年 6 月 19 日错误修复发布当 duration unitconfig 设置为 小时 时 工作时间计算的性能改进 当 duration unitconfig 设置为

    2026年3月19日
    2
  • Java面试之数据结构& 算法& 计算机基础

    Java面试之数据结构& 算法& 计算机基础Java面试之数据结构& 算法& 计算机基础

    2022年4月22日
    44
  • 显卡矿机装linux教程,8张GTX1080Ti显卡加副电源矿机组装教程

    显卡矿机装linux教程,8张GTX1080Ti显卡加副电源矿机组装教程在经历一波短暂的回调后,最近比特币又持续升温,一度突破19000元大关,目前价格基本在18000-19000之间浮动,挖矿市场可谓是一片火爆!近日大风哥闲来无事,自己也倒腾了一台矿机来玩玩,特来大家分享一下安装教程及心得。说到挖矿,显卡当然是首当其冲了,而现阶段市售各型号的显卡也因虚拟币市场火热而处于货源紧缺的状态,可谓是一卡难求!赶巧笔者手上有几片GTX1080Ti,矿机的显卡就选用它们了!Em…

    2022年9月30日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号