JavaScript中数组的排序、乱序和搜索实现代码

 更新时间:2011年11月30日 23:20:50   作者:  
JavaScript中实现数组的排序、乱序和搜索,其实所有这些功能,用一个sort()就可以完成了
1. 排序:
默认的sort()按字符编码排序的:
复制代码 代码如下:

<script type="text/javascript">
<!--
var testArray=[3,324,5345,6546,134,5654,665];
testArray.sort();
alert(testArray);
//-->
</script>

现在要让它按照数值大小排序:
复制代码 代码如下:

<script type="text/javascript">
<!--
var testArray=[3,324,5345,6546,134,5654,665];
testArray.sort(function(a,b){return a-b;});
alert(testArray);
//-->
</script>

只要传递一个比较函数给sort就可以了,如果比较函数的值小于0,则表示a必须出现在b前面,否则在b后面。

2. 乱序:
让比较函数随机传回-1或1就可以了:
复制代码 代码如下:

<script type="text/javascript">
<!--
var testArray=[1,2,3,4,5,6,7,8,9,10,22,33,55,77,88,99];
testArray.sort(function(){return Math.random()>0.5?-1:1;});
alert(testArray);
//-->
</script>

3. 搜索:

用sort()来玩搜索还蛮新鲜的,呵呵,看看是怎么玩的吧。
我现在要把数组里含有字母'a'的元素全部找出来,如果没有sort(),似乎只能用遍历了,遍历的效率…那个叫恐怖啊!!具体做法如下:
复制代码 代码如下:

<script type="text/javascript">
<!--
var testArray=['df', 'rtr', 'wy', 'dafd', 'dfs', 'wefa', 'tyr', 'rty', 'rty', 'ryt', 'afds', 'wer', 'te'];
testArray.sort(function(a,b){return a.indexOf('a')==-1?1:-1;});
alert(testArray);
//-->
</script>

这样就把数组中含有字母'a'的元素全部放到数组前面啦,再经过一些简单的处理,就可以输出搜索结果了。
以上是我总结的三种在javascript中用sort()操作数组的方法,如果你有兴趣,你会发现sort()还有好多妙用呢……

相关文章

  • web 前端常用组件之Layer弹出层组件

    web 前端常用组件之Layer弹出层组件

    这篇文章主要介绍了web 前端常用组件之Layer弹出层组件的相关资料,本文通过实例代码详解给大家介绍的非常详细,感兴趣的朋友可以参考下
    2016-09-09
  • js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    JS的语法非常灵活,简单的对象创建就有好几种不同的方法。这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧
    2015-11-11
  • Vue自定义日历小控件使用方法详解

    Vue自定义日历小控件使用方法详解

    这篇文章主要为大家详细介绍了Vue自定义日历小控件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript将XML转成JSON的方法

    JavaScript将XML转成JSON的方法

    这篇文章主要介绍了JavaScript将XML转成JSON的方法,实例分析了javascript操作XML文件及格式转化的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 如何将JS的变量值传递给ASP变量

    如何将JS的变量值传递给ASP变量

    asp作为主页面,外接一个js的,我想知道一下能否在js里面调用asp的变量值,如果能这些值是怎么传递过去的呢?本文将提供解决方法,需要的朋友可以参考下
    2012-12-12
  • bootstrap的工具提示实例代码

    bootstrap的工具提示实例代码

    Bootstrap 工具提示(Tooltip)插件 当您想要描述一个链接的时候,工具提示(Tooltip)就显得非常有用。这篇文章通过实例代码给大家介绍bootstrap的工具提示功能,需要的朋友参考下吧
    2017-05-05
  • JSP防止网页刷新重复提交数据的几种方法

    JSP防止网页刷新重复提交数据的几种方法

    这篇文章主要介绍了JSP防止网页刷新重复提交数据的几种方法,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • javascript中的altKey 和 Event属性大全

    javascript中的altKey 和 Event属性大全

    本文给大家介绍javascript中的altkey和event属性大全,涉及到altkey和event属性语法定义及用法,本文介绍的非常详细,感兴趣的朋友一起看看吧
    2015-11-11
  • bootstrap滚动监控器使用方法解析

    bootstrap滚动监控器使用方法解析

    这篇文章主要为大家详细解析了bootstrap滚动监控器使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 微信小程序实用代码段(收藏版)

    微信小程序实用代码段(收藏版)

    这篇文章主要介绍了微信小程序实用代码段,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12

最新评论