JS sort排序详细使用方法示例解析


Posted in Javascript onSeptember 27, 2020

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的,所以首先应该把数组元素都转化成字符串(如有必要),以便进行比较。

语法:arrayObject.sort(sortby);

参数sortby 可选,用来规定排序的顺序,但必须是函数。

例一:按照字母顺序排序

JS sort排序详细使用方法示例解析

例二:还是按照字母进行排序

JS sort排序详细使用方法示例解析

纳尼,这次排序似乎没有得到想要的结果。。。。。。

如果要得到自己想要的结果,不管是升序还是降序,就需要提供比较函数了。该函数比较两个值的大小,然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,即 a - b 小于零,则返回一个小于零的值,数组将按照升序排列。

若 a 等于 b,则返回 0。

若 a 大于 b, 即 a - b 大于零,则返回一个大于零的值,数组将按照降序排列。

例三:升序排列

JS sort排序详细使用方法示例解析

例四:降序排序

JS sort排序详细使用方法示例解析

如果想根据数组对象中的某个属性值进行排序怎么办呢???

例五:按照数组对象中某个属性值进行排序

JS sort排序详细使用方法示例解析

例六:根据参数来确定是升序还是降序

JS sort排序详细使用方法示例解析

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
javascript cookie的简单应用
Feb 24 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
Angular 数据请求的实现方法
May 07 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
vue中实现点击变成全屏的多种方法
Sep 27 #Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 #Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 #Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 #Javascript
react-intl实现React国际化多语言的方法
Sep 27 #Javascript
Javascript异步流程控制之串行执行详解
Sep 27 #Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 #Javascript
You might like
php解决约瑟夫环示例
2014/04/09 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
PHP7引入的"??"和"?:"的区别讲解
2019/04/08 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
Python中运行并行任务技巧
2015/02/26 Python
Python网站验证码识别
2016/01/25 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
经验丰富大学生村干部自我鉴定
2014/01/22 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
保证书格式
2015/01/16 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
股权投资协议书
2016/03/23 职场文书
Python常遇到的错误和异常
2021/11/02 Python