javascript实践教程-09-冒泡排序

本节目标

1. 了解算法是什么？
2. 掌握冒泡排序算法。

内容摘要

本篇介绍了冒泡排序的基本思想，以及冒泡排序的基本思路，最后给出了js代码实现方式。

阅读时间20~30分钟。

冒泡排序

js的分支结构和循环结构都非常简单，我们来个计算机基础的排序来练习一下。

冒泡排序的英语名是Bubble Sort，是计算机基础领域中最基础的交换排序。

基本思想:

冒泡排序，类似于水中冒泡，较大的数沉下去，较小的数慢慢冒起来，假设从小到大，即为较大的数慢慢往后排，较小的数慢慢往前排。

通俗来讲就是说每一次遍历，比较相邻的两个数，前面的数字大那么就交换两个数，直到最后将一个最大的数移到序列末尾。

示例1，对数组 [100, 61, 12, 1, 96, 36, 56] 从小到大进行排序。

思路步骤：

1）先开始第一轮比较：

原始数组：[100, 61, 12, 1, 96, 36, 56]
第一次比较：100 和 61 比较，100 > 61，交换位置：[61, 100, 12, 1, 96, 36, 56]
第二次比较：100 和 12 比较，100 > 12，交换位置：[61, 12, 100, 1, 96, 36, 56]
第三次比较：100 和 1 比较，100 > 1，交换位置：[61, 12, 1, 100, 96, 36, 56]
第四次比较：100 和 96 比较，100 > 96，交换位置：[61, 12, 1, 96, 100, 36, 56]
第五次比较：100 和 36 比较，100 > 36，交换位置：[61, 12, 1, 96, 36, 100, 56]
第六次比较：100 和 36 比较，100 > 36，交换位置：[61, 12, 1, 96, 36, 56, 100]

一轮下来，100数字最大，就排到数组尾巴去了。

2）再来第二轮比较：

第二轮开始数组：[61, 12, 1, 96, 36, 56, 100]
第一次比较：61 和 12 比较，61 > 12，交换位置：[12, 61, 1, 96, 36, 56, 100]
第二次比较：61 和 1 比较，61 > 1，交换位置：[12, 1, 61, 96, 36, 56, 100]
第三次比较：61 和 96 比较，61 < 96，不交换位置：[12, 1, 61, 96, 36, 56, 100]
第四次比较：96 和 36 比较，96 > 36，交换位置：[12, 1, 61, 36, 96, 56, 100]
第五次比较：96 和 56 比较，96 > 56，交换位置：[12, 1, 61, 36, 56, 96, 100]

第二轮比第一轮少了一次，因为最后一个数字经过第一轮下来肯定是最大的，不需要再进行比较了。

3）再来第三轮比较：

第三轮开始数组：[12, 1, 61, 36, 56, 96, 100]
第一次比较：12 和 1 比较，12 > 1，交换位置：[1, 12, 61, 36, 56, 96, 100]
第二次比较：12 和 61 比较，12 < 61，不交换位置：[1, 12, 61, 36, 56, 96, 100]
第三次比较：61 和 36 比较，61 > 36，交换位置：[1, 12, 36, 61, 56, 96, 100]
第四次比较：61 和 56 比较，61 > 56，交换位置：[1, 12, 36, 56, 61, 96, 100]

每一轮都比上一轮少一次。

4）再来第四轮比较：

第三轮开始数组：[1, 12, 36, 56, 61, 96, 100]
第一次比较：1 和 12 比较，1 < 12，不交换位置：[1, 12, 36, 56, 61, 96, 100]
第二次比较：12 和 36 比较，12 < 36，不交换位置：[1, 12, 36, 56, 61, 96, 100]
第三次比较：36 和 56 比较，36 < 56，不交换位置：[1, 12, 36, 56, 61, 96, 100]

5）再来第五轮比较：

第三轮开始数组：[1, 12, 36, 56, 61, 96, 100]
第一次比较：1 和 12 比较，1 < 12，不交换位置：[1, 12, 36, 56, 61, 96, 100]
第二次比较：12 和 36 比较，12 < 36，不交换位置：[1, 12, 36, 56, 61, 96, 100]

6）再来第六轮比较：

第三轮开始数组：[1, 12, 36, 56, 61, 96, 100]
第一次比较：1 和 12 比较，1 < 12，不交换位置：[1, 12, 36, 56, 61, 96, 100]

总计6轮就可以了。

根据思路，我们就可以写出js代码了。

let arr = [100, 61, 12, 1, 96, 36, 56];
let len = arr.length;
for (let i = 0; i < len - 1; i++) { // 循环多少轮，循环的轮数就是数组长度-1，想想为什么？
	for (let j = 0; j < len - 1 - i; j++) { // 相邻的两个数字逐次相比，j表示数组的下标，想想为什么要 -1 -i 
		if (arr[j] > arr[j + 1]) {
			let temp = arr[j];
			arr[j] = arr[j + 1];
			arr[j + 1] = temp;
		}
	}
	console.log("第" + (i + 1) + "轮结束：", arr);
}

思考：

上面第一层为什么要减1？第二层循环为什么要-i？第二层循环为什么要1？

本节总结

从程序的角度来讲，程序 = 数据结构 + 算法，只不过现在相应的算法都封装好了，只是多了解一些算法，可以锻炼逻辑，也容易写出更优雅的代码。

练习题

1. 了解什么是插入排序，并尝试用js实现，写出实现的思路和步骤。
2. 了解什么是选择排序，并尝试用js实现，写出实现的思路和步骤。
3. 了解什么是平衡字符串，并尝试用js实现最大次数分割平衡字符串，并且每个子串也是平衡字符串。