欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中sort函數排序用法實例分析

 更新時間:2016年06月16日 11:24:07   作者:hbiao68  
這篇文章主要介紹了JS中sort函數排序用法,結合實例形式詳細分析了sort函數的功能、原理及實現數組排序的相關技巧,代碼中備有詳盡的注釋便于理解,需要的朋友可以參考下

本文實例講述了JS中sort函數排序用法。分享給大家供大家參考,具體如下:

最近遇到了一個面試題目,關于排序的問題,為了完善自己的知識點,這里就寫一下學習筆記

<html>
<head>
<TITLE>class_obj_js_class</TITLE>
<script language=javaScript>
//sort()方法默認是按照ASCII碼大小排序,看下面兩個例子
function sortDemo(){
 var a, l;      // 聲明變量。
 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
 l = a.sort();     // 排序數組。
 alert(l);
 return(l);      // 返回排序的數組。
}
//sortDemo();
function sortDemo2(){
  var arr = [50,200,3000];
  arr.sort();
  alert(arr);
}
//顯示的結果為200、3000、50,因為是根據首字母2,3,5判斷的
//sortDemo2();
//將上面的數字按照數字大小寫排序,if條件是對大小的判斷,因此就算對大小的排序
function testFunction(){
  var numArr = new Array(9,23,124);
  numArr.sort(function compare(a,b){
    if(a>b){
      return 1;//按照升序排列,即a排在b的后面
    }
    else
      return -1;
  });
  alert(numArr);
}
//testFunction();
//如果sort(sortfunction)中的sortfunction在a>b返回的值為真則是按照降序排列,反之按照升序排列
function testFunction2(){
  var numArr = new Array(9,124,23);
  numArr.sort(function compare(a,b){
    alert("a : " + a);
    alert("b : " + b);
    if(a > b){
      alert("a > b,返回正數");
      return -1;//按照降序排列,即a排在b的前面
    }
    else{
      alert("a < b,返回負數");
      return 1;
    }
  });
  alert(numArr);
}
//testFunction2();
/*要使數組的元素按先奇數后偶數的順序排列,則若需a、b交換,僅當滿足a是偶數且b是奇數條件即可,再按從小到大排序,僅當滿足a、b均是奇數或偶數且a>b時即可
從下面的例子可以看出,根據if的條件就是需要排序的要求,返回的值大于0就可以了,就是對一次條件的排序*/
function testAdvance(){
  var a = [1, 7, 3, 9, 5, 6, 2, 8, 4];
  function f(a, b) {
    if (0 == a % 2 && 1 == b % 2) {
      return 1;//即對偶數和奇數排序
    }
    if ((1 == a % 2 && 1 == b % 2 || 0 == a % 2 && 0 == b % 2) && a > b) {
      return 1;//對奇數和偶數排序
    }
    return -1;
  }
 alert(a.sort(f));
}
//testAdvance();
//我們要做的就是寫出if里面的條件,這個條件就是返回a、b需要交換的條件
//譬如:對var a=["a","A","B","b"];進行不分大小寫并從大到小排序,僅當a.toString().toLowerCase() < b.toString().toLowerCase()時,交換a、b,所以用此填充if條件即可。
function testAdvance1(){
  var a=["a","A","B","b"];
  a.sort(function test(a,b){
    if(a.toString().toLowerCase() < b.toString().toLowerCase()){
      return 1;
    }
    else
      return -1;
  });
  alert(a);
}
testAdvance1();
</script>
<body >
</body>
</html>

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • D3.js 從P元素的創(chuàng)建開始(顯示可加載數據)

    D3.js 從P元素的創(chuàng)建開始(顯示可加載數據)

    D3是一個基于數據操作的可視化js庫,認識d3,就從最基礎的顯示可加載數據談起,需要的朋友可以參考下
    2014-10-10
  • js中confirm實現執(zhí)行操作前彈出確認框的方法

    js中confirm實現執(zhí)行操作前彈出確認框的方法

    這篇文章主要介紹了js中confirm實現執(zhí)行操作前彈出確認框的方法,是執(zhí)行刪除等操作時常用的功能,非常具有實用價值,需要的朋友可以參考下
    2014-11-11
  • 使用AutoJs實現微信搶紅包的代碼

    使用AutoJs實現微信搶紅包的代碼

    這篇文章主要介紹了使用AutoJs實現微信搶紅包的代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-12-12
  • JS造成內存泄漏的幾種情況實例分析

    JS造成內存泄漏的幾種情況實例分析

    這篇文章主要介紹了JS造成內存泄漏的幾種情況,結合實例形式分析了內存泄漏的原理以及JS造成內存泄漏的幾種常見情況,需要的朋友可以參考下
    2020-03-03
  • 微信小程序實現倒計時功能

    微信小程序實現倒計時功能

    這篇文章主要為大家詳細介紹了微信小程序實現倒計時功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • 使用堆實現Top K算法(JS實現)

    使用堆實現Top K算法(JS實現)

    這篇文章主要介紹了使用堆實現Top K算法,即JS實現,文中詳細介紹了Top K算法,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 使用JavaScript和MQTT開發(fā)物聯網應用示例解析

    使用JavaScript和MQTT開發(fā)物聯網應用示例解析

    這篇文章主要介紹了使用JavaScript和MQTT開發(fā)物聯網應用示例解析,文章通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-08-08
  • 微信小程序自定義組件components(代碼詳解)

    微信小程序自定義組件components(代碼詳解)

    這篇文章主要介紹了微信小程序自定義組件components知識,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • 很棒的Bootstrap選項卡切換效果

    很棒的Bootstrap選項卡切換效果

    這篇文章主要為大家分享了一款很棒的Bootstrap選項卡切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 對layui中table組件工具欄的使用詳解

    對layui中table組件工具欄的使用詳解

    今天小編就為大家分享一篇對layui中table組件工具欄的使用詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論