JS中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庫,認識d3,就從最基礎的顯示可加載數據談起,需要的朋友可以參考下2014-10-10js中confirm實現執(zhí)行操作前彈出確認框的方法
這篇文章主要介紹了js中confirm實現執(zhí)行操作前彈出確認框的方法,是執(zhí)行刪除等操作時常用的功能,非常具有實用價值,需要的朋友可以參考下2014-11-11使用JavaScript和MQTT開發(fā)物聯網應用示例解析
這篇文章主要介紹了使用JavaScript和MQTT開發(fā)物聯網應用示例解析,文章通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-08-08