JS数组排序-面试经常遇到的问题
2016-04-18 22:51
155 查看
var <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>面试题之数组排序</title>
</head>
<body>
对下面的数组进行排序
arr = [3,1,10,2,9,5,100]
<a href="javascript:;" onclick="fun1()">方法一：sort排序，系统自带方法</a><br/>
<a href="javascript:;" onclick="fun2()">方法二：冒泡排序,原理：利用二次循环，依次将最大的放在后面</a><br/>
<div class="fun1_result"></div>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript">
var arr = [3,1,10,2,9,5,100];
var sorting = {
systemSort : function(arr){
return arr.sort(function(a,b){
return a-b;
})
},
popSort : function(arr){
var len = arr.length,tmp;
for(var i = 0 ;i < len-1 ; i ++){
for(var j = 0; j< len - 1 - i ; j++){
if(arr[j] > arr[j+1]){
tmp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = tmp;
}
}
}
return arr;
}
}
fun1 = function(){
$(".fun1_result").html(sorting.systemSort(arr));
}
fun2 = function(){
$(".fun1_result").html(sorting.popSort(arr));
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>面试题之数组排序</title>
</head>
<body>
对下面的数组进行排序
arr = [3,1,10,2,9,5,100]
<a href="javascript:;" onclick="fun1()">方法一：sort排序，系统自带方法</a><br/>
<a href="javascript:;" onclick="fun2()">方法二：冒泡排序,原理：利用二次循环，依次将最大的放在后面</a><br/>
<div class="fun1_result"></div>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript">
var arr = [3,1,10,2,9,5,100];
var sorting = {
systemSort : function(arr){
return arr.sort(function(a,b){
return a-b;
})
},
popSort : function(arr){
var len = arr.length,tmp;
for(var i = 0 ;i < len-1 ; i ++){
for(var j = 0; j< len - 1 - i ; j++){
if(arr[j] > arr[j+1]){
tmp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = tmp;
}
}
}
return arr;
}
}
fun1 = function(){
$(".fun1_result").html(sorting.systemSort(arr));
}
fun2 = function(){
$(".fun1_result").html(sorting.popSort(arr));
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 