javascript 数组排序函数sort和reverse使用介绍
更新时间：2013年11月21日 11:48:23 作者：
reverse方法将一个Array对象中的元素位置进行反转，sort方法返回一个元素已经进行了排序的 Array 对象，下面为大家介绍下
首先我们先说一下reverse方法。
reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中，这个方法并不会创建一个新的 Array 对象。
例如：
var array1 = ['a','cc','bb','hello',false,0,3];
var array2 = [3,5,2,1,7,9,10,13];
array1.reverse();
array2.reverse();
alert(array1);
alert(array2);
如果数组中只包含数字，那么数字将降序排列，如果数组中还包含其他类型，就将数组反转并返回数组。
sort 方法
返回一个元素已经进行了排序的 Array 对象。
arrayobj.sort(sortfunction)
参数
arrayObj
必选项。任意 Array 对象。
sortFunction
可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。
sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。
如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一：
负值，如果所传递的第一个参数比第二个参数小。
零，如果两个参数相等。
正值，如果第一个参数比第二个参数大。
例1：（）
var a, l; // 声明变量。
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0];
l = a.sort(); // 排序数组。
alert(l); // 返回排序的数组。
这个例子里没有传入比较函数那么元素将按照 ASCII 字符顺序进行升序排列，另外这个数组中包含了多种类型的数据，所以即使传入了比较函数，它依然按照ASCII 字符顺序进行升序排列。
例如
var a, l; // 声明变量。
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0];
l = a.sort(); // 排序数组。
alert(l); // 返回排序的数组。
ll = a.sort(compack);
alert(ll);//返回与上面一样
function compack(a,b){
return a-b;
}
当我们需要对数字排序的时候可以使用sort方法，只要给它传入一个比较函数就可以轻松的升序和降序。
升序：
var a, l; // 声明变量。
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 排序数组。
alert(l); // 返回排序的数组。
function compack(a,b){
return a-b;
}
降序：
var a, l; // 声明变量。
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 排序数组。
alert(l); // 返回排序的数组。
function compack(a,b){
return b-a;
}
在比较函数里升序返回a-b,降序返回b-a。
reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中，这个方法并不会创建一个新的 Array 对象。
例如：
复制代码 代码如下:
var array1 = ['a','cc','bb','hello',false,0,3];
var array2 = [3,5,2,1,7,9,10,13];
array1.reverse();
array2.reverse();
alert(array1);
alert(array2);
如果数组中只包含数字，那么数字将降序排列，如果数组中还包含其他类型，就将数组反转并返回数组。
sort 方法
返回一个元素已经进行了排序的 Array 对象。
复制代码 代码如下:
arrayobj.sort(sortfunction)
参数
arrayObj
必选项。任意 Array 对象。
sortFunction
可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。
sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。
如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一：
负值，如果所传递的第一个参数比第二个参数小。
零，如果两个参数相等。
正值，如果第一个参数比第二个参数大。
例1：（）
复制代码 代码如下:
var a, l; // 声明变量。
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0];
l = a.sort(); // 排序数组。
alert(l); // 返回排序的数组。
这个例子里没有传入比较函数那么元素将按照 ASCII 字符顺序进行升序排列，另外这个数组中包含了多种类型的数据，所以即使传入了比较函数，它依然按照ASCII 字符顺序进行升序排列。
例如
复制代码 代码如下:
var a, l; // 声明变量。
a = ["X" ,"y" ,"d", "Z", "v","m","r",false,0];
l = a.sort(); // 排序数组。
alert(l); // 返回排序的数组。
ll = a.sort(compack);
alert(ll);//返回与上面一样
function compack(a,b){
return a-b;
}
当我们需要对数字排序的时候可以使用sort方法，只要给它传入一个比较函数就可以轻松的升序和降序。
升序：
复制代码 代码如下:
var a, l; // 声明变量。
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 排序数组。
alert(l); // 返回排序的数组。
function compack(a,b){
return a-b;
}
降序：
复制代码 代码如下:
var a, l; // 声明变量。
a = [6,8,9,5.6,12,17,90];
l = a.sort(compack); // 排序数组。
alert(l); // 返回排序的数组。
function compack(a,b){
return b-a;
}
在比较函数里升序返回a-b,降序返回b-a。
您可能感兴趣的文章:
相关文章
论坛转贴工具中用到的正则表达式学习正则的好例子...2007-11-11
以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些，即所谓make life easier. 笔者对某些陷阱会混杂一些评点。2008-05-05
本篇文章主要介绍了基于Two.js实现=星球环绕动画效果的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要为大家介绍了JS浏览器的首屏白屏时间计算示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现简单日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能2017-06-06
这篇文章主要给大家介绍了关于微信小程序前后端数据交互的相关资料,通过小程序向后端发送请求,然后后端从数据库获取车源和求购的数量反馈给小程序,最后将这两个数据显示出来,需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细为大家详细介绍了canvas实现图像放大镜的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
JavaScript style对象与CurrentStyle对象案例详解
这篇文章主要介绍了JavaScript style对象与CurrentStyle对象案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
javascript 改变网页加载的CSS主要通过动态响应select触发的选项变化控制link标签加载的css,以实现不依赖cookie控制的页面css样式动态加载功能,需要的朋友可以参考一下2007-12-12
最新评论