本篇文章为大家展示了如何在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项目中实现一个排序功能,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注天达云行业资讯频道。