JavaScript中冒泡排序的分析与实现

冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。

这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。

一、算法原理

1. 比较相邻的元素。如果第一个比第二个大，就交换他们两个。
2. 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。
3. 针对所有的元素重复以上的步骤，除了最后一个。
4. 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。

二、算法分析

我们通过一个示例来进行理解，假设当前有一个数组 arr，内部元素为 5，4，3，2，1，即初始状态，这里从小到大进行排序。

第一趟排序

初始状态：[5，4，3，2，1]

第一次比较：第一个和第二个元素，5>4，交换 [4，5，3，2，1]

第二次比较：第二个和第三个元素，5>3，交换 [4，3，5，2，1]

第三次比较：第三个和第四个元素，5>2，交换 [4，3，2，5，1]

第四次比较：第四个和第五个元素，5>1，交换 [4，3，2，1，5]

第二趟排序

第一趟状态：[4，3，2，1，5]

第一次比较：第一个和第二个元素，4>3，交换 [3，4，2，1，5]

第二次比较：第二个和第三个元素，4>2，交换 [3，2，4，1，5]

第三次比较：第三个和第四个元素，4>1，交换 [3，2，1，4，5]

第三趟排序

第二趟状态：[3，2，1，4，5]

第一次比较：第一个和第二个元素，3>2，交换 [2，3，1，4，5]

第二次比较：第二个和第三个元素，3>1，交换 [2，1，3，4，5]

第四趟排序

第三趟状态：[2，1，3，4，5]

第一次比较：第一个和第二个元素，2>1，交换 [1，2，3，4，5]

三、代码

let arr = [5, 4, 3, 2, 1];
for (let i = 0; i < arr.length - 1; i++) {
  for (let j = 0; j < arr.length - i - 1; j++) {
    if (arr[j] > arr[j + 1]) {
      let temp = arr[j + 1];
      arr[j + 1] = arr[j];
      arr[j] = temp;
    }
  }
}

四、总结

下面详细分析一下，整个算法流程其实就是上面实例所分析的过程。可以看出，我们在进行每一次大循环的时候，还要进行一个小循环来遍历相邻元素并交换，所以我们的代码中首先要有两层循环。

每一轮都会比较出一个最大值或最小值，然后往后一轮没有必要再比较了，所以每比较一轮，就少比较一次。例如，在第二轮的时候，有一个数不参与交换，在第三轮的时候，有两个数不参与交换，依次类推。

由此可见：n个数字要排序完成，总共要进行n-1趟排序，每i趟排序的次数为n-i次。

注意： 这里为特殊情况，例如，当初始数据为1，2，3，5，4时，实际上第一趟时就已经完成排序了，但是算法还是会继续向下进行，关于算法优化，暂时不做说明，这里只是简单的说明了冒泡排序算法中的几个关键点。