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 相关文章推荐
jQuery滚动加载图片效果的实现
Mar 06 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
React组件生命周期详解
Jul 03 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
Oct 11 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
如何用JavaScipt测网速
May 09 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 删除记录实现代码
2009/03/12 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
一行代码告别document.getElementById
2012/06/01 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
php常见的页面跳转方法汇总
2015/04/15 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
Python如何快速实现分布式任务
2017/07/06 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
新加坡时尚网上购物:Zalora新加坡
2016/07/26 全球购物
体育教育毕业生自荐信
2013/11/21 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
综艺节目策划方案
2014/06/13 职场文书
体育口号大全
2014/06/18 职场文书
实习护士自荐信
2014/06/21 职场文书
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
岳麓书院导游词
2015/02/03 职场文书
芙蓉镇观后感
2015/06/10 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
用python画城市轮播地图
2021/05/28 Python
Feign调用传输文件异常的解决
2021/06/24 Java/Android