javascript中sort()的用法实例分析


Posted in Javascript onJanuary 30, 2015

本文实例分析了javascript中sort()的用法。分享给大家供大家参考。具体分析如下:

函数的语法:

arrayObject.sort(sortby)

you think this is not the right way but you love it 

这里还用到了split函数,目的是去到一个字符串的数组,比较常用。然后通过数组的排序函数sort()对数组内的值进行排序,得到新的数组,然后通过循环输出数组的内容就得到了排序后的字符串。

在例子中,默认情况下,它会按照ascii码来进行排序。
如果是数字的话,又会怎样呢?试一下~

修改p中的值如下:

20 38 19 32 654 2 123 454 4

运行结果为:123 19 2 20 32 38 4 454 654

它是按照字符编码来排序了,而不是数值的大小。

如果要对数字进行排序的话,需要多写几行代码:

修改后的代码如下:

originarr = originarr.sort(function(a,b){      
  return a - b;      
});

运行结果:2 4 19 20 32 38 123 454 654

上面的排序都是按照正顺序来排的,如果是反顺序的话,那么就需要再改动一下:
把函数中的return a - b;改为return b - a即可。

如果是字母的排序,更改后的代码如下:

originarr = originarr.sort(function(a,b){ 
  if(a > b) return -1; 
  if(a < b) return 1; 
  return 0; 
});

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
javascript实现2048游戏示例
May 04 Javascript
js中document.write的那点事
Dec 12 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
jQuery实现列表的增加和删除功能
Jun 14 jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
vue项目中使用Svg的方法
Oct 24 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
Aug 03 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 #Javascript
javascript结合fileReader 实现上传图片
Jan 30 #Javascript
使用JavaScript+canvas实现图片裁剪
Jan 30 #Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 #Javascript
项目中常用的JS方法整理
Jan 30 #Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 #Javascript
jquery实现拖拽调整Div大小
Jan 30 #Javascript
You might like
用定制的PHP应用程序来获取Web服务器的状态信息
2006/10/09 PHP
Yii框架登录流程分析
2014/12/03 PHP
php单例模式示例分享
2015/02/12 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
2007/05/08 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
python中metaclass原理与用法详解
2019/06/25 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
python opencv肤色检测的实现示例
2020/12/21 Python
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
西尔斯百货官网:Sears
2016/09/06 全球购物
2014年五一活动策划方案
2014/03/15 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
html5调用摄像头实例代码
2021/06/28 HTML / CSS
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server