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 相关文章推荐
List Information About the Binary Files Used by an Application
Jun 18 Javascript
JQuery 解析多维的Json数据格式
Nov 02 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
DOM 高级编程
May 06 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
element-ui table组件如何使用render属性的实现
Nov 04 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 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
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
PHP 写文本日志实现代码
2010/05/18 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
php中使用url传递数组的方法
2015/02/11 PHP
PHP的APC模块实现上传进度条
2015/10/27 PHP
PHP闭包函数详解
2016/02/13 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
Vue精简版风格概述
2018/01/30 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
在Python中使用next()方法操作文件的教程
2015/05/24 Python
python 网络编程详解及简单实例
2017/04/25 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
python机器学习库scikit-learn:SVR的基本应用
2019/06/26 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
基于python实现地址和经纬度转换
2020/05/19 Python
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
小学敬老月活动方案
2014/02/11 职场文书
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书