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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
原生js实现弹幕效果
Nov 29 Javascript
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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
php中isset与empty函数的困惑与用法分析
2019/07/05 PHP
javaScript对象和属性的创建方法
2007/01/15 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
Python文件去除注释的方法
2015/05/25 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
使用Python的Scrapy框架十分钟爬取美女图
2016/12/26 Python
PyQt5每天必学之弹出消息框
2018/04/19 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
梅尔频率倒谱系数(mfcc)及Python实现
2019/06/18 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
Django 解决model 反向引用中的related_name问题
2020/05/19 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
2020/05/20 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
自动化毕业生专业自荐书范文
2014/02/04 职场文书
党员干部承诺书
2014/03/25 职场文书
保护野生动物倡议书
2014/05/16 职场文书
啤酒节策划方案
2014/05/28 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
趣味运动会口号
2015/12/24 职场文书
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL