Heim > Web-Frontend > js-Tutorial > javascript 数组排序函数sort和reverse使用介绍_javascript技巧

javascript 数组排序函数sort和reverse使用介绍_javascript技巧

WBOY
Freigeben: 2016-05-16 17:13:30
Original
1122 Leute haben es durchsucht

首先我们先说一下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。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage