JavaScript Array对象sort() 方法小结

时间:2022-08-31 20:35:04

sort() 方法用于对数组的元素进行排序。

语法
arrayObject.sort(sortfunction)

参数
sortfunction 可选。规定排序顺序。必须是函数。

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

说明
如果调用该方法时没有使用参数,将按字母升序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行升序排列。先调用每个项的toString()方法,然后按照字符编码的顺序进行排序。。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

实例
例子 1
按字母顺序进行排序:

var arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";
console.log(arr.sort().toString());

输出:

Adrew,George,James,John,Martin,Thomas

例子 2

var arr = new Array(6);
arr[0] = "10";
arr[1] = "5";
arr[2] = "40";
arr[3] = "25";
arr[4] = "1000";
arr[5] = "1";
console.log(arr.sort().toString());

  

输出:

1,10,1000,25,40,5

请注意,上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:

function sortNumber(a,b)
{
return a-b;
} var arr = new Array(6);
arr[0] = "10";
arr[1] = "5";
arr[2] = "40";
arr[3] = "25";
arr[4] = "1000";
arr[5] = "1";
console.log(arr.sort(sortNumber).toString());

输出:

1,5,10,25,40,1000

如上在使用了sortNumber函数之后,就可以返回正确的值了,如果想进行降序排列只需要 return b-a 就可以了。

例子3

 function sortArr(a, b) {
return a[0] - b[0];
}
var arr= [
[1, '张三'],
[8, '李四'],
[10, '王小二'],
[4, '王五']
]
console.log(arr.sort(sortArr).toString());

输出:

1,张三,4,王五,8,李四,10,王小二

如果a和b本身就是数组,这个时候我们就需要通过对它们内部的值比较来对数组进行排序了,如上述实例。

当第一个比较值相等,但是我们还想进行再次区分的时候,可以使用第二比较值,并且比较的深度可以随着我们的需求扩展。

 function sortArr(a, b) {
if (a[0] == b[0]) {
return a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : 0;
}
return a[0] - b[0];
}
var arr= [
[1, '张三'],
[8, '李四'],
[4, '王五'],
[4, '牛虻']
]
console.log(arr.sort(sortArr).toString());

输出:

1,张三,4,牛虻,4,王五,8,李四

例子4

  function compare(a, b) {
return a.age - b.age
}
var employees = []
employees[0] = { name: "张三", age: 32 }
employees[1] = { name: "李四", age: 17 }
employees[2] = { name: "王五", age: 58 }
employees[3] = { name: "牛虻", age: 62}
employees.sort(compare);

当比较的数据越来越复杂的时候,我们最好使用对象进行排序。这样我们就能够从代码上看出来是使用什么值来进行比较的了。

														
		

JavaScript Array对象sort() 方法小结的更多相关文章

  1. Javascript Array对象 sort&lpar;&rpar;方法,记忆方法,方法扩展

    相信 有很多 同仁们,尤其是初学者,在记住 Array对象 sort() 方法的排序,规则上,有点困难: 其实sort()方法已经在实际工作中用到很多遍了,可当我仔细推敲,这个sort()方法,什么时 ...

  2. JavaScript Array 对象扩展方法

    /** 删除数组中指定索引的数据 **/ Array.prototype.deleteAt = function (index) { if (index < 0) { return this; ...

  3. JavaScript Array 对象的方法,比如push和unshift

    https://www.runoob.com/jsref/jsref-obj-array.html js数组与字符串的相互转换 一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: ...

  4. JavaScript Array 对象

    JavaScript Array 对象 Array 对象 Array 对象用于在变量中存储多个值: var cars = ["Saab", "Volvo", & ...

  5. Array对象的方法详情

    题外话:从事前端开发有很长一段时间了,一直在不断的扩充各种框架的学习,总觉得要学的东西好多,但是技能并没有得到很大的提升,后发现自己一味去追求的它的广度,并没用去深究其深度,所以决定打算从零开始,从最 ...

  6. Array 对象-sort&lpar;&rpar;

    Array 对象-sort() sort方法对数组成员进行排序,默认是按照字典顺序排序.排序后,原数组将被改变. sort方法不是按照大小排序,而是按照字典顺序.也就是说,数值会被先转成字符串,再按照 ...

  7. 浏览器端-W3School-浏览器端:JavaScript Array 对象

    ylbtech-浏览器端-W3School-浏览器端:JavaScript Array 对象 1.返回顶部 1. Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对 ...

  8. JavaScript深入理解sort&lpar;&rpar;方法

    一. 基本用法 let arr1 = [3, 5, 7, 1, 8, 7, 10, 20, 19] console.log(arr1.sort()) // [1, 10, 19, 20, 3, 5, ...

  9. JS基础语法---Array对象的方法

    Array对象的方法   Array.isArray(对象)---->判断这个对象是不是数组 instanceof关键字 判断对象是不是数组类型:两种方法: //1 instanceof var ...

随机推荐

  1. hdu3652 B-number

    链接 题意求能够整除和包含13的数字. 这个比较简单,保留余数及1,然后标记前面是否出现过13就行. #include <iostream> #include<cstdio> ...

  2. memcached(二)事件模型源码分析

    memcachedd事件模型 在memcachedd中,作者为了专注于缓存的设计,使用了libevent来开发事件模型.memcachedd的时间模型同nginx的类似,拥有一个主进行(master) ...

  3. LaTex学习笔记

    常见符号大全:http://ia.wikipedia.org/wiki/Wikipedia:LaTeX_symbols 字体加粗: \textbf{} 换页:\newpage 大于等于,小于等于    ...

  4. java实现的23种设计模式 (个人推荐)

    http://zz563143188.iteye.com/blog/1847029 mark下,个人用,大家会也可以看看写的不错.

  5. 听说每天都要写随笔,word哥~

    今天主要学习了html的基本知识,进制的转换,无序列表,有序列表和表格,都是很基本的东西,然后自己自习了表单. <!DOCTYPE html PUBLIC "-//W3C//DTD X ...

  6. IntelliJ IDEA 14 注册码生成java代码(转)

    https://confluence.jetbrains.com/display/IntelliJIDEA/Previous+IntelliJ+IDEA+Releases 分享几个license: ( ...

  7. &lt&semi;a href&equals;&&num;39&semi;javascript&colon;void&lpar;0&rpar;&&num;39&semi; onclick&equals;&&num;39&semi;my&lpar;&rpar;&&num;39&semi;&gt&semi;&lt&semi;&sol;a&gt&semi;

  8. window&period;opener的用法

    window.opener 主要用来打开窗体的父窗体,可以通过这种方式设置父窗体的值或者调用js方法. 例如: 1,window.opener.test(); ---调用父窗体中的test()方法 2 ...

  9. Callable和Future出现的原因

    创建线程的2种方式,一种是直接继承Thread,另外一种就是实现Runnable接口. 这2种方式都有一个缺陷就是:在执行完任务之后无法获取执行结果. 如果需要获取执行结果,就必须通过共享变量或者使用 ...

  10. IO流总结笔记二

    ​ Reader |--InputStreamReader |--FileReader:专门用于处理文件的字符读取流对象 Writer |--OutputStreamWriter |--FileWri ...