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

 更新时间:2015年01月30日 09:38:59   投稿:shichen2014  
这篇文章主要介绍了javascript中sort()的用法,实例分析了sort()的功能、定义及使用技巧,需要的朋友可以参考下

本文实例分析了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程序设计有所帮助。

相关文章

  • IOS中safari下的select下拉菜单文字过长不换行的解决方法

    IOS中safari下的select下拉菜单文字过长不换行的解决方法

    今天在项目开发中遇到一个问题safari下的select下拉菜单文字过长不换行问题,最终我用<optgroup>标签解决此问题,下面小编把实现思路分享给大家供大家参考
    2016-09-09
  • 解析为什么axios会有params和data两个参数

    解析为什么axios会有params和data两个参数

    本文给大家分享为什么axios会有params和data两个参数,先来回顾一下axios的基本使用,怎么发送一个请求,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • ES2020 已定稿,真实场景案例分析

    ES2020 已定稿,真实场景案例分析

    许多新的特性被提议包括在 ES2020版本中。好消息是这些已经已经敲定。 现在,我们获得了最终定稿的功能清单,它们将在被批准发布之后出现在备受期待的 ES2020 中,具体内容详情,大家可以阅读下本文
    2020-05-05
  • Object.keys()的用法示例详解

    Object.keys()的用法示例详解

    Object.keys()是遍历一个对象自身的属性名称(不包括继承属性)的最简单方法,这篇文章主要介绍了Object.keys()的用法,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • 基于jquery实现全屏滚动效果

    基于jquery实现全屏滚动效果

    相信大家都很喜欢网易邮箱、QQ浏览器的官方网站这样的可全屏滚动的效果,也许更多的朋友想把全屏滚动效果做到自己的网站中,本文就带着大家一起完成这个效果
    2015-11-11
  • uniapp小程序使用高德地图api实现路线规划的示例代码

    uniapp小程序使用高德地图api实现路线规划的示例代码

    路线规划常用于出行路线的提前预览,我们提供4种类型的路线规划,分别为:驾车、步行、公交和骑行,满足各种的出行场景,这篇文章主要介绍了uniapp小程序使用高德地图api实现路线规划,需要的朋友可以参考下
    2023-01-01
  • JavaScript屏蔽指定区域内右键菜单

    JavaScript屏蔽指定区域内右键菜单

    有时候需要屏蔽部分区域内的右键菜单,下面的代码大家可以测试下。
    2010-03-03
  • javascript实现input file上传图片预览效果

    javascript实现input file上传图片预览效果

    这篇文章主要介绍了javascript实现input file上传图片预览效果,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • webpack中的filename 和 chunkFilename 的区别实例解析

    webpack中的filename 和 chunkFilename 的区别实例解析

    filename 指列在 entry 中,打包后输出的文件的名称,chunkFilename 指未列在 entry 中,却又需要被打包出来的文件的名称,这篇文章主要介绍了webpack中的filename 和 chunkFilename 的区别实例解析,需要的朋友可以参考下
    2023-11-11
  • 指定js可访问其它域名的cookie的方法

    指定js可访问其它域名的cookie的方法

    指定js可访问其它域名的cookie的方法...
    2007-09-09

最新评论