JavaScript 使用sort()方法来给数组排序

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

情形二:

 <script type="text/javascript">
        var arrSimple=new Array(12,3,5,44);
        arrSimple.sort();
        document.writeln(arrSimple.join());
    </script>
输出:12,3,44,5

为什么会出现这种情况?

js默认比较函数把要排序的元素都视为字符串,他还不能在比较这些元素前先检测他们的类型,所以按字符串排序 那么这个结果肯定是错误的。


那么要怎么解决这个问题:

当数字是按字母顺序排列时"44"将排在"5"前面。
使用数字排序,你必须通过一个函数作为参数来调用。
函数指定数字是按照升序还是降序排列。
如:

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表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容

简化一下:a-b输出从小到大排序,b-a输出从大到小排序。

3、简单对象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>
4、简单对象List对可编辑属性的排序
<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>

参考:参考链接地址



  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值