js 重构Array的sort排序方法_javascript技巧
程序员文章站
2022-05-15 22:15:11
...
这个排序是进行两两比较。
拿这个数组进行降序排列var a = [3, 1, 5, 6, 4, 2];
第一轮比较:用第一个数值和本数组的其他元素进行比对
3比1
3比5 //5大,所以所以进行交换 得a = [5, 1, 3, 6, 4, 2];
5比6 //交换 得a = [6, 1, 3, 5, 4, 2];
6比4
6比2
第一轮最终结果 a = [6, 1, 3, 5, 4, 2];
第二轮比较:用第二个数值和这个数值之后的元素进行对比
1比3 //交换 得a = [6, 3, 1, 5, 4, 2];
3比5 //交换 得a = [6, 5, 1, 3, 4, 2];
5比4
5比2
第二轮最终结果 a = [6, 5, 1, 3, 4, 2];
就这样依次进行交换
第三轮最终结果 a = [6, 5, 4, 1, 3, 2];
第四轮最终结果 a = [6, 5, 4, 3, 1, 2];
第五轮最终结果 a = [6, 5, 4, 3, 2, 1];
下面是重构的方法:
Array.prototype.fst = function(fn){
var fn = fn || function(a, b){ return a > b;};
for(var i=0; ifor(var j=i; jif(fn(this[i], this[j]) > 0){
var t = this[i];
this[i] = this[j];
this[j] = t;
}
}
}
return this;
};
查看实际演示
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
拿这个数组进行降序排列var a = [3, 1, 5, 6, 4, 2];
第一轮比较:用第一个数值和本数组的其他元素进行比对
3比1
3比5 //5大,所以所以进行交换 得a = [5, 1, 3, 6, 4, 2];
5比6 //交换 得a = [6, 1, 3, 5, 4, 2];
6比4
6比2
第一轮最终结果 a = [6, 1, 3, 5, 4, 2];
第二轮比较:用第二个数值和这个数值之后的元素进行对比
1比3 //交换 得a = [6, 3, 1, 5, 4, 2];
3比5 //交换 得a = [6, 5, 1, 3, 4, 2];
5比4
5比2
第二轮最终结果 a = [6, 5, 1, 3, 4, 2];
就这样依次进行交换
第三轮最终结果 a = [6, 5, 4, 1, 3, 2];
第四轮最终结果 a = [6, 5, 4, 3, 1, 2];
第五轮最终结果 a = [6, 5, 4, 3, 2, 1];
下面是重构的方法:
复制代码 代码如下:
Array.prototype.fst = function(fn){
var fn = fn || function(a, b){ return a > b;};
for(var i=0; i
var t = this[i];
this[i] = this[j];
this[j] = t;
}
}
}
return this;
};
查看实际演示
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
-
JavaScript中用sort()方法对数组元素进行排序的操作
-
[JavaScript]Array.sort对数字排序在Chrome、Firefox和Edge中的差异
-
【JavaScript】数组的sort方法排序原理详解
-
Javascript数组系列四之数组的转换与排序Sort方法
-
python列表排序方法之sort、sorted的使用技巧
-
基于js 各种排序方法和sort方法的区别(详解)
-
js的sort()方法使用技巧
-
详解js中Array的方法及技巧
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧