编程 Javascript

jQuery实现的简单排序功能示例【冒泡排序】

Posted in Javascript onJanuary 13, 2017

本文实例讲述了jQuery实现的简单排序功能。分享给大家供大家参考，具体如下：

这里演示的冒泡排序，通过不断的循环找出最小的值，放到新的数组中。每次循环后都将指针指向下一个元素。直到两层循环都结束。

index.html：

<html>
<head>
 <title>Sort</title>
 <meta content="text/html" charset="utf-8">
 <script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script>
 <script type="text/javascript" language="javascript">
  $(function(){
   var Sort={};
   (function(Sort){
    Sort.initData={
     toSortArr:[]
    };
    Sort.methods=(function(){
     var tmp='';
     return {
      init:function(){
       //
      },
      pushData:function(arr){
       for(var i in arr){
        Sort.initData.toSortArr.push(arr[i]);
       }
      },
      getData:function(){
       return Sort.initData.toSortArr;
      },
      sortData:function(arr){
       var tmpArr=new Array();
       var tmpNumArr=new Array();
       var tmpCharArr=new Array();
       var tmpOtherArr=new Array();
       for(var i in arr){
        var at=arr[i].charCodeAt(0);
        if( at>=48 && at<=57 ){
         tmpNumArr.push(arr[i]);
        }else{
         if(at>=65 && at<=122 ){
          tmpCharArr.push(arr[i]);
         }else{
          tmpOtherArr.push(arr[i]);
         }
        }
       }
       tmpNumArr=Sort.methods.getSort(tmpNumArr);
       tmpCharArr=Sort.methods.getSort(tmpCharArr);
       tmpOtherArr=Sort.methods.getSort(tmpOtherArr);
       tmpArr=Sort.methods.restoreArr(tmpArr,tmpNumArr);
       tmpArr=Sort.methods.restoreArr(tmpArr,tmpCharArr);
       tmpArr=Sort.methods.restoreArr(tmpArr,tmpOtherArr);
       return tmpArr;
      },
      getSort:function(arr){
       for(var i=0;i<arr.length;i++){
        for(var j=i;j<arr.length;j++){
         if(arr[i]>arr[j]){
          var tmp=arr[i];
          arr[i]=arr[j];
          arr[j]=tmp;
         }
        }
       }
       return arr;
      },
      restoreArr:function(tmpArr,arr){
       for(var i=0;i<arr.length;i++){
        tmpArr.push(arr[i]);
       }
       return tmpArr;
      }
     }
    })();
   })(Sort);
   var tmpArr=new Array();
   tmpArr.push('zfsd');
   tmpArr.push('qwerewtrer');
   tmpArr.push('fxdfhk');
   tmpArr.push('123');
   tmpArr.push('ssjdf');
   tmpArr.push('kl;');
   tmpArr.push('我的;');
   tmpArr.push('sdg');
   tmpArr.push('rt');
   Sort.methods.pushData(tmpArr);
   var t=Sort.methods.sortData(tmpArr);
   console.log(tmpArr);
   console.log(t);
  });
 </script>
</head>
<body>
<input id="myFormFlow" type="button" value="进入表单填写">
</body>
</html>

此排序的核心代码：

var arr=new Array();
for(var i=0;i<arr.length;i++){
 for(var j=i;j<arr.length;j++){
  if(arr[i]>arr[j]){
   var tmp=arr[i];
   arr[i]=arr[j];
   arr[j]=tmp;
  }
 }
}

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

jQuery实现的简单排序功能示例【冒泡排序】

- Author -

lx_3278@126

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS动态创建Table,Tr,Td并赋值的具体实现

Jul 05 Javascript

jQuery动态改变图片显示大小(修改版)的实现思路及代码

Dec 24 Javascript

js二维数组定义和初始化的三种方法总结

Mar 03 Javascript

windows8.1+iis8.5下安装node.js开发环境

Dec 12 Javascript

使用AmplifyJS组件配合JavaScript进行编程的指南

Jul 28 Javascript

node.js版本管理工具n无效的原理和解决方法

Nov 24 Javascript

轻松理解JavaScript之AJAX

Mar 15 Javascript

json前后端数据交互相关代码

Sep 19 Javascript

移动端如何用下拉刷新的方式实现上拉加载

Dec 10 Javascript

Vue使用Proxy监听所有接口状态的方法实现

Jun 07 Javascript

JavaScript中的this妙用实例分析

May 09 Javascript

小程序组件传值和引入sass的方法(使用vant Weapp组件库)

Nov 24 Javascript

js实现淡入淡出轮播切换功能

Jan 13 #Javascript

js仿百度音乐全选操作

Jan 13 #Javascript

js实现tab选项卡切换功能

Jan 13 #Javascript

js制作可以延时消失的菜单

Jan 13 #Javascript

原生js实现下拉框功能（支持键盘事件）

Jan 13 #Javascript

js实现自动轮换选项卡

Jan 13 #Javascript

Javascript 使用ajax与C#获取文件大小实例详解

Jan 13 #Javascript