Js中sort()方法的用法_Javascript教程-查字典教程网
Js中sort()方法的用法
Js中sort()方法的用法
发布时间:2016-12-30 来源:查字典编辑
摘要:返回一个元素已经进行了排序的Array对象。arrayobj.sort(sortfunction)参数arrayObj必选项。任意Array...

返回一个元素已经进行了排序的Array对象。

arrayobj.sort(sortfunction)

参数

arrayObj

必选项。任意Array对象。

sortFunction

可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,

那么元素将按照ASCII字符顺序进行升序排列。

说明

sort方法将Array对象进行适当的排序;

在执行过程中并不会创建新的Array对象。

如果为sortfunction参数提供了一个函数,那么该函数必须返回下列值之一:

负值,如果所传递的第一个参数比第二个参数小。

零,如果两个参数相等。

正值,如果第一个参数比第二个参数大。

Demo1(默认按字母排序):

复制代码 代码如下:<scriptlanguage="javascript">

varnameArr=newArray("douguoqiang","hedan","redhacker","panliu888","maxuan","xuejianping","lanse","zhangsan","lisi","wangwu");

nameArr.sort();

for(vari=0;i<nameArr.length;i++){

document.writeln(nameArr[i]);

}

</script>

结果:douguoqianghedanlanselisimaxuanpanliu888redhackerwangwuxuejianpingzhangsan

Demo(数字排序,sort(prama)方法带参数):

复制代码 代码如下:<script>

varnumArr=newArray(12,23,1,4,23,34,2,5);

numArr.sort(functioncompare(a,b){returna-b;});

for(vari=0;i<numArr.length;i++){

document.write(numArr[i]+"<br>");

}

</script>

结果:

1

2

4

5

12

23

23

34

Demo3(Demo3反排序):

复制代码 代码如下:<script>

varnumArr=newArray(12,23,1,4,23,34,2,5);

numArr.sort(functioncompare(a,b){returnb-a;});

for(vari=0;i<numArr.length;i++){

document.write(numArr[i]+"<br>");

}

</script>

结果:

34

23

23

12

5

4

2

1

Demo4(Demo3的第二种写法):

复制代码 代码如下:<script>

varnumArr=newArray(12,23,1,4,23,34,2,5);

numArr.sort(newFunction("a","b","returna-b;"));

for(vari=0;i<numArr.length;i++){

document.write(numArr[i]+"<br>");

}

</script>

结果:

1

2

4

5

12

23

23

34

Demo5(Demo3的第三种写法):

复制代码 代码如下:<script>

functioncompare(a,b){

returna-b;

}

varnumArr=newArray(12,23,1,4,23,34,2,5);

numArr.sort(compare);

for(vari=0;i<numArr.length;i++){

document.write(numArr[i]+"<br>");

}

</script>

结果:

1

2

4

5

12

23

23

34

Demo6(Demo3的第四种写法):

复制代码 代码如下:<script>

varcompare=function(a,b){

returna-b;

}

varnumArr=newArray(12,23,1,4,23,34,2,5);

numArr.sort(compare);

for(vari=0;i<numArr.length;i++){

document.write(numArr[i]+"<br>");

}

</script>

结果:

1

2

4

5

12

23

23

34

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类