Home > Web Front-end > JS Tutorial > javascript Sort() 排序详解

javascript Sort() 排序详解

WBOY
Release: 2016-06-01 09:54:26
Original
1141 people have browsed it

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

javascript Sort 语法

<code class="language-javascript">arrayObject.sort(sortby)</code>
Copy after login
参数 描述
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>
Copy after login

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

<code class="language-javascript">var values = [,,,,];
values.sort();
console.log(values);//结果[, , , , ]</code>
Copy after login

 

二、javascript Sort 对数值进行排序

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

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

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

 

三、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>
Copy after login

在内部函数接收到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>
Copy after login

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template