Heim > Web-Frontend > js-Tutorial > Hauptteil

javascript Sort() 排序详解

WBOY
Freigeben: 2016-06-01 09:54:26
Original
1071 Leute haben es durchsucht

sort() 方法用于对数组的元素进行排序。包含于头文件algorithm

javascript Sort 语法

<code class="language-javascript">arrayObject.sort(sortby)</code>
Nach dem Login kopieren
参数 描述
sortby 可选。规定排序顺序。必须是函数。

 

javascript Sort 返回值

对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

 

一、javascript Sort 默认情况

在默认情况下, sort() 方法按升序排列数组项。为了实现排序, sort() 方法会调用每个数组项的 toString() 转型方法,然后比较得到的字符串,已确定如何排序。如下:

<code class="language-javascript">var values = ["orange","apple","banana"];
values.sort();
console.log(values);//结果["apple", "banana", "orange"]</code>
Nach dem Login kopieren

但是,即使数组中的每一项都是数值,sort() 方法比较的也是字符串,如下:

<code class="language-javascript">var values = [,,,,];
values.sort();
console.log(values);//结果[, , , , ]</code>
Nach dem Login kopieren

 

二、javascript Sort 对数值进行排序

sort() 方法可以接收一个比较函数作为参数。

比较函数接收两个参数,如果第一个参数应该位于第二参数之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数位于第二个之后则返回一个正数。

<code class="language-javascript">function compare(a, b){
return (a - b);
}//按升序排列的比较函数
var values = [,,,,];
values.sort(compare);
console.log(values);//结果[, , , , ]</code>
Nach dem Login kopieren

 

三、javascript Sort 根据某个对象属性对数组进行排序

先定义一个函数,它接收一个属性名,然后根据这个属性名来创建一个比较函数。下面是这个函数的定义:

<code class="language-javascript">function createComparisonFunction(propertyName){
return function(object, object){
var a = object[propertyName];
var b = object[propertyName];
if(a  b){
return ;
}else{
return ;
}
}
}//返回一个根据属性名创建的按升序排列的比较函数</code>
Nach dem Login kopieren

在内部函数接收到propertyName参数后,它会使用方括号表示法来取得给定属性的值。

上面这个函数可以在像在下面例子中这样使用。

<code class="language-javascript">var data = [{name:"Lily", age: }, {name:"Judy", age: }];
data.sort(createComparisonFunction("name"));
console.log(data[].name);//Judy
data.sort(createComparisonFunction("age"));
console.log(data[].name);//Lily</code>
Nach dem Login kopieren

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!