前端算法学习#1.介绍冒泡排序，选择排序，冒泡排序如何优化

冒泡排序

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

它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素已经排序完成。

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

直接上代码：

var arr=[9,3,1,5,4,6,2,8,7];
function bubbleSort(arr){
  for(var i=0;i){
    for(var j=0;j)
    {
      if(arr[j]>arr[j+1]){
        var temp = arr[j];
        arr[j]=arr[j+1];
        arr[j+1]=temp;
      }
    }
  }}
bubbleSort(arr);//arr新值[1, 2, 3, 4, 5, 6, 7, 8, 9]

1、外循环第1次，内循环8次

[3, 1, 5, 4, 6, 2, 8, 7, 9]
VM1561:12 2、外循环第2次，内循环7次
[1, 3, 4, 5, 2, 6, 7, 8, 9]
VM1561:12 3、外循环第3次，内循环6次
[1, 3, 4, 2, 5, 6, 7, 8, 9]
VM1561:12 4、外循环第4次，内循环5次
[1, 3, 2, 4, 5, 6, 7, 8, 9]
VM1561:12 5、外循环第5次，内循环4次
[1, 2, 3, 4, 5, 6, 7, 8, 9]
VM1561:12 6、外循环第6次，内循环3次
[1, 2, 3, 4, 5, 6, 7, 8, 9]
VM1561:12 7、外循环第7次，内循环2次
[1, 2, 3, 4, 5, 6, 7, 8, 9]
VM1561:12 8、外循环第8次，内循环1次
[1, 2, 3, 4, 5, 6, 7, 8, 9] 

从上面可以看到，外循环第五次后，数组已经排好序了。第6、7、8次是浪费电。

解决思路：当本次循环没有交换元素时，跳出循环。

优化代码（当数据已是排好序了，跳出外层循环）

var arr = [9, 3, 1, 5, 4, 6, 2, 8, 7];
function bubbleSort(arr) {
  for (var i = 0; i < arr.length - 1; i++) {
    var swap = false;//初始设置交换状态为fales
    for (var j = 0; j < arr.length - i - 1; j++) {
      if (arr[j] > arr[j + 1]) {
        var temp = arr[j];
        arr[j] = arr[j + 1];
        arr[j + 1] = temp;
        swap = true;//交换过后设置交换状态为true
      }
    }
    if (!swap) {//如果交换状态为false,跳出循环
      break;
    }
  }
}
bubbleSort(arr);//arr新值[1, 2, 3, 4, 5, 6, 7, 8, 9]

这样如果执行某某次内层循环时没有交换，说明已经排好序了，跳出外层循环，冒泡结束。

选择排序：

第 1 轮，找出数组中最小的数，将第一项和最小的数互换位置。

第 2 轮从下标2开始找最小的数，和第二项互换位置。

第 i 轮从下标 i 开始找最小的数，和第 i 项互换位置。

var arr = [9, 3, 1, 5, 4, 6, 2, 8, 7];
function selectSort(arr) {
  for (var i = 0; i < arr.length -1; i++) {
    // var firstIndex = i;
    for (var j = i + 1; j < arr.length ; j++) {
      if (arr[j] < arr[i]) {
        var temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
      }
    }
  }
  console.log(arr);
}
selectSort(arr)

 

转载于:https://www.cnblogs.com/zouzhongxing/p/10550666.html