用原生JS写冒泡排序及动画演示

  • A+
所属分类:Web前端
摘要

   


法一(自定义函数)

请点击:冒泡排序动画演示(遍历多少行、每行交换多少次)

/*步骤构思: 1、声明命名函数(形参数组)             2、for设置外循环, 控制遍历多少趟             3、for设置内循环, 控制遍历交换多少次             4、if设置满足两两比较条件, 索引号进行两两和临时变量的交换             5、return返回值             6、变量储存=调用函数(实参数组)             7、 控制台打印变量输出  */  function bubble(arr) {     for (var i = 0; i < arr.length; i++) {         for (var j = 0; j < arr.length - 1; j++) {             if (arr[j] > arr[j + 1]) {                 var temp = arr[j];                 arr[j] = arr[j + 1];                 arr[j + 1] = temp;             }         }     }     return arr; } var arr = bubble([100, 26, 4, 13, 200, -21, 59]); console.log(arr);  // [-21, 4, 13, 26, 59, 100, 200] 

 

法二(内置对象)

function bubSort(newArr) {     /*  注意:内置的对象方法sort()会调用toString()转型,即比较字符串         解决:sort()接收一个比较函数compare来解决字符串长度一样的数字大小比较 */     function compare(value1, value2) {         if (value1 < value2) {             return -1;         } else if (value1 > value2) {             return 1;         } else {             return 0;         }     }     newArr.sort(compare); // 对象.sort()是一个内置在JS可以直接被调用的方法     return newArr; } var newArr = bubSort([100, 200, 26, 13, 4, 87, -66, 59]); console.log(newArr); //[-66, 4, -13, 26, 59, 87, 100, 200]