javascript数组排序算法之选择排序

转载

mob604756fe00bf 2021-06-07 16:09:00

文章标签 javascript 文章分类 JavaScript 前端开发

前言

作为一名程序员数组的排序算法是必须要掌握的，今天来图解----选择排序

选择排序原理

首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。

选择排序原理图（未优化）

javascript数组排序算法之选择排序_javascript

绿色为当前比对的两个对象，然后进行交换

这个是我自己使用生成器写的一个小demo，有些简陋，下面是这个demo的项目地址（vue版）
项目地址：array_sort.
这个项目也可以用原生js + 定时器写，有时间的话我会出一个原生版本，到时候会更新，我为了方便所以用vue写的

选择排序代码（未优化）

const arr = [];
for(let i = 0; i < 10; i ++) {
	arr.push(Math.floor(Math.random() * 100 + 10));
}
console.time('s')
console.log("排序前：",arr);
for(let i = 0; i < arr.length; i ++) {
	for(let j = i; j < arr.length - 1; j ++) {
		if(arr[i] < arr[j+1]) {
			[arr[i],arr[j+1]] = [arr[j+1],arr[i]]; // 使用数组结构进行值的交互
		}
	}
}
console.log("排序后：",arr);
console.timeEnd('s')

输出结果是：
排序前： (10) [50, 70, 65, 54, 17, 31, 22, 38, 81, 35]
排序后： (10) [81, 70, 65, 54, 50, 38, 35, 31, 22, 17]
s: 0.353271484375 ms

优化版本动图

javascript数组排序算法之选择排序_javascript_02

这个是先用index 记录最大的值，最后再插入到第一位，不必每次进行交互操作

优化代码

const arr = [];
for(let i = 0; i < 10; i ++) {
	arr.push(Math.floor(Math.random() * 100 + 10));
}
console.time('s');
console.log("排序前：",arr);
let index = 0;
for(let i = 0; i < arr.length; i ++) {
	index = i;
	for(let j = i + 1; j < arr.length; j ++) {
		if(arr[index] < arr[j]) {
			index = j; // 使用数组结构进行值的交互
		}
	}
	if(i !== index) {
		[arr[i],arr[index]] = [arr[index],arr[i]]; // 数组解构赋值 
	}
}
console.log("排序后：",arr);
console.timeEnd('s');