若干年前pony在腾讯产品暨技术峰会上就说过：“我们希望的产品经理是从技术晋升而来的。”技术是实施手段，产品终还是要靠技术来实现，产品还是不能远离技术。那么不想通过枯燥的代码来理解几大排序算法，本文通过动态可视化图来解析冒泡排序、选择排序及插入排序。
排序算法终目的是让无序的数据组合变成有序的数据组合。
一、冒泡法
从字面上能理解， “冒泡”即小值的浮上来，大值沉下去。
1. 冒泡排序法基本思路
- 头名步比较相邻的元素大小。如果头名个比第二个大，就交换两个元素位置。
- 之后对每一对相邻元素做同样的工作，从开始头名对到结尾的后一对。在这一点，后的元素应该会是大的数。
- 针对所有的元素重复以上的步骤，除了后一个。
- 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。
下面先通过图文形式一步一步进行案例拆解。
拿**[20，10，15，30，12]**这个数组举例。
头名遍循环
- 检查是否 20 > 10；是，交换元素位置；
- 检查是否 20 > 15；是，交换元素位置；
- 检查是否 20 > 30；否，位置不做交换；
- 检查是否 30 > 12；是，交换元素位置；
头名遍循环结束，此时将后一个没有排序过的元素标记为已排序（即30）。因为在近的一次扫描过程中至少有一次交换发生过，我们可以进行另一轮扫描。此轮扫描只需要循环判断前面4个元素。
第二遍循环开始
- 检查是否 10 大于 15；否，位置不做交换；
- 检查是否 15 大于 20；否，位置不做交换；
- 检查是否 20 大于 12； 是，交换元素位置；
此时标记 “20”为已排序，那么同理下一轮循环遍历只需循环判断前面3个元素。
……….
避免视觉疲劳，图文只说明前面2轮循环，下面的3轮循环大家自己思考和理解。
2. 冒泡排序法全流程
3. 冒泡法总结
- 每一轮左右元素两两比较，不进行跨元素比较
- 每一轮循环比较都会产生当前大值（当前大值：这一轮下来的大值）
- 每一轮循环后就会少一个元素进行比较（因为每结束一轮就会产生一个当前大值）
二、选择排序法
选择排序是从冒泡排序演化而来，每一轮比较得出小的那个值，然后依次和每轮“无序区”中参与比较的头名个值进行交换。
1. 选择排序法基本思路
- 初始时在序列中找到小元素
- 放到序列的起始位置作为已排序序列
- 然后再从剩余未排序元素中继续寻找小元素，放到已排序序列的末尾
- 以此类推，直到所有元素均排序完毕
注意选择排序与冒泡排序的区别：
冒泡排序通过依次交换相邻两个顺序不合法的元素位置，从而将当前大元素放到合适的位置；而选择排序每循环遍历一次都记住了当前小元素的位置，后仅需一次交换操作即可将其放到合适的位置。
下面还是以**[20，10，15，30，12]**这个数组举例。
头名遍循环
- 先把小值设置成为 20 , 然后通过遍历剩下的没有排序过的元素来找到真正的小值；
- 检查是否 10 小于现在的小值 (20)。是，将 10 设为新的小值；
- 检查是否 15 小于现在的小值 (10)。否，10仍然是小值；
- 检查是否 30 小于现在的小值 (10)。否，10仍然是小值；
- 检查是否 12 小于现在的小值 (10)。否，10仍然是小值。
一轮过后，小值出现。
交换小的元素 (10) 和头名个没有排序过的元素 (20)。
现在10是被认定整个数组小的值。
第二遍循环
把现在的小值设置成为 20 , 然后通过遍历剩下的没有排序过的元素来找到真正的小值；
- 检查是否 15 小于现在的小值 (20)。是，将 15 设为新的小值；
- 检查是否 30 小于现在的小值 (15)。否，15仍然是小值；
- 检查是否 12小于现在的小值 (15)。是，将 12 设为新的小值；
- 交换小的元素 (12) 和头名个没有排序过的元素 (20)；
数组排序顺序更新为 10 12 15 30 20。
避免视觉疲劳，图文只说明前面2轮循环，下面的3轮循环大家自己思考和理解。
2. 选择排序法全流程
3. 选择排序法总结
- 每一轮进行跨元素比较
- 每一轮循环比较都会产生当前小值（当前小值：这一轮下来的小值）
- 每一轮循环比较后就会少一个元素进行比较（因为每结束一轮就会产生一个当前小值）
三、插入排序法（直接插入）
插入排序是基于互相比较的排序。所谓的“比较”，就是通过比较数组中的元素，看谁大谁小，根据结果对应调整元素的位置。
1. 插入排序法基本思路
- 初始时先默认将头名个元素标记为已排序
- 然后提取头名个没有排序过的元素，找出插入提取元素的地方并和已经排序过的元素进行比较。
- 比较大小若条件成立，则将已排序过的元素往右移1个单位，如果条件不成立，则在现有位置直接插入。
- 以此类推，直到所有元素均排序完毕
还以**[20，10，15，30，12]**这个数组举例。
- 将头名个元素 (20) 标记为已经排序过；
- 提取头名个没有排序过的元素 (10)；
- 找出插入提取元素的地方；和已经排序过的元素 20 比较；
- 20 大于 10 成立, 则将现在已经排序过的元素20向右移动1格；
- 在数组的开始（没有东西可以比较），则在现有位置上插入元素。
- 提取头名个没有排序过的元素 (15)；
- 找出插入提取元素的地方；和已经排序过的元素 20 比较；
- 20 大于 15 成立, 则将现在已经排序过的元素20 向右移动1格；
- 10 大于 15 不成立, 在现有位置上插入一个元素；
- 提取头名个没有排序过的元素 (30)；
- 找出插入提取元素的地方；和已经排序过的元素 20 比较。
- 20 大于 30 不成立, 在现有位置上插入一个元素；
- 提取头名个没有排序过的元素 (12)。
- ………
避免篇幅过大导致视觉疲劳，下面几步大家进行自我思考和理解。
2. 插入排序法全流程
3. 插入排序法总结
- 由“有序组”和“待插入组”组成
- 每一轮都有一个待插入对象（可以接收实时数据进行排序）直到“待插入组元素为0”
除了以上三种排序算法，还有许多不同的排序算法，每个都有其自身的优点和使用场景，当然也有局限性。可以多看几遍全流程动态图弄清来龙去脉，理解性地记忆，希望对你有用。
本文由 @动物园园长 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自 Pexels ，基于 CC0 协议
爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容；是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台；
想了解更多移动互联网干货知识，请关注微信公众号运营小咖秀（ID: yunyingshow）
