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 相关文章推荐
ext监听事件方法[初级篇]
Apr 27 Javascript
jquery的键盘事件修改代码
Feb 24 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
详解使用create-react-app快速构建React开发环境
May 16 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
vue.js循环radio的实例
Nov 07 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
解析php中如何调用用户自定义函数
2013/08/06 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
简单的自定义php模板引擎
2016/08/26 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
2015/09/27 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
浅谈vue限制文本框输入数字的正确姿势
2019/09/02 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
js实现抽奖的两种方法
2020/03/19 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
python中黄金分割法实现方法
2015/05/06 Python
Python实现文件信息进行合并实例代码
2018/01/17 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
Django如何自定义分页
2018/09/25 Python
django解决跨域请求的问题
2018/11/11 Python
selenium+python设置爬虫代理IP的方法
2018/11/29 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
Python实现Restful API的例子
2019/08/31 Python
Python操作SQLite/MySQL/LMDB数据库的方法
2019/11/07 Python
Python如何定义接口和抽象类
2020/07/28 Python
python处理写入数据代码讲解
2020/10/22 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
乐天旅游香港网站:日本饭店预订
2017/11/29 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
观后感的写法
2015/06/19 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL