sort()对数组排序,不开辟新的内存,对原有数组元素进行调换
1、文字数组排序——sort();
<html>
<body>
<script type="text/javascript">
var arr=new Array(6)
arr[0]="George"
arr[1]="John"
arr[2]="Thomas"
arr[3]="James"
arr[4]="Adrew"
arr[5]="Martin"
document.write(arr+"<br/>")
document.write(arr.sort())
</script>
</body>
</html>
输出结果:Adrew,George,James,John,Martin,Thomas
2.数字数组——sort()
情形一:
<script type="text/javascript"> var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.join()); </script>
输出1,6,7,8情形二:
输出:12,3,44,5<script type="text/javascript"> var arrSimple=new Array(12,3,5,44); arrSimple.sort(); document.writeln(arrSimple.join()); </script>
为什么会出现这种情况?
js默认比较函数把要排序的元素都视为字符串,他还不能在比较这些元素前先检测他们的类型,所以按字符串排序 那么这个结果肯定是错误的。
那么要怎么解决这个问题:
当数字是按字母顺序排列时"44"将排在"5"前面。
使用数字排序,你必须通过一个函数作为参数来调用。
函数指定数字是按照升序还是降序排列。
如:
解释:a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容function myFunction(){ var points = [40,100,1,5,25,10]; points.sort(function(a,b){return a-b}); var x=document.getElementById("demo"); x.innerHTML=points; }
简化一下:a-b输出从小到大排序,b-a输出从大到小排序。
3、简单对象List自定义属性排序
4、简单对象List对可编辑属性的排序<script type="text/javascript"> var objectList = new Array(); function Persion(name,age){ this.name=name; this.age=age; } objectList.push(new Persion('jack',20)); objectList.push(new Persion('tony',25)); objectList.push(new Persion('stone',26)); objectList.push(new Persion('mandy',23)); //按年龄从小到大排序 objectList.sort(function(a,b){ return a.age-b.age}); for(var i=0;i<objectList.length;i++){ document.writeln('<br />age:'+objectList[i].age+' name:'+objectList[i].name); } </script>
<script type="text/javascript"> var objectList2 = new Array(); function WorkMate(name,age){ this.name=name; var _age=age; this.age=function(){ if(!arguments) { _age=arguments[0];} else { return _age;} } } objectList2.push(new WorkMate('jack',20)); objectList2.push(new WorkMate('tony',25)); objectList2.push(new WorkMate('stone',26)); objectList2.push(new WorkMate('mandy',23)); //按年龄从小到大排序 objectList2.sort(function(a,b){ return a.age()-b.age(); }); for(var i=0;i<objectList2.length;i++){ document.writeln('<br />age:'+objectList2[i].age()+' name:'+objectList2[i].name); } </script>
参考:参考链接地址