jquery ajax实现排序效果,jQuery实现的简单排序功能示例【冒泡排序】

本文展示了如何使用jQuery实现冒泡排序算法,通过逐个比较并交换数组元素,最终实现数字、字符和其他类型数据的混合数组排序。适合初学者理解前端排序技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

index.html:

Sort

$(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

for(var j=i;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

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);

});

此排序的核心代码:

var arr=new Array();

for(var i=0;i

for(var j=i;j

if(arr[i]>arr[j]){

var tmp=arr[i];

arr[i]=arr[j];

arr[j]=tmp;

}

}

}

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值