搜尋
首頁web前端js教程js sort 二維陣列排序的用法小結_javascript技巧

最近在搞js 排序的問題,因為資料庫排序太耗資源,如果能轉移到客戶端去排序,能大大D減少伺服器記憶體消耗。客戶端的話,除了js,就是as了,可惜我as學得太爛,所以只能選擇js來研究研究了。 。 。經過我的測試,js內建方法sort的效率非常高

我們知道在js中預設提供了sort函數,但是這個函數預設是按照數組內容的ascii碼升序進行排列的,如果我們要對二維數組排序要如何做呢?在php中是有multi_sort函數可供呼叫的,但是在js中似乎沒有這種函數,但是沒關係 ,因為js的sort函數其實也提供了參數可以定義比較函數進行二維數組的排序。

1、按數值排序
假設有如下數組

複製代碼 代碼如下:

var arr = [[1, 2, 3], [7, 2, 3], [3, 2, 3]];

這裡如果我們要按每個子數組的第一列來排序要如何做呢,我們可以定義一個比較函數:
複製程式碼 程式碼如下:

arr.sort(function(x, y){
  return x[0] – y[0];
});

這裡的比較函數的作用是什麼?其實是數組依序將陣列元素複製給x,y,例如先將arr[0]賦給x,arr[1]賦給y,然後用x[0] – y[0],根據傳回的值,如果傳回的是大於0的數,那麼就把數組中x放到y的後面,如果回傳的是0則不變,小於0則將x放到y的前面,然後第一個排序好之後在進行下面兩個的排序,直到整個陣列排序完成。這是預設升序的比較函數,如果要降序排列則只需修改比較方式,改為return y[0] – x[0] 即可,這裡我們x[0]表示是按第一列進行排序,我們這裡也可以按其他欄位進行排序。這裡的排序預設就會修改arr的陣列結構,所以排序完arr就是按第一列升序的陣列了。

2、按字串排序
按字串排序的話呢,我們可以利用js提供的localeCompare方法,
localeCompare作用:用本地特定的順序來比較兩個字串。
localeCompare方法的使用規則是stringObject.localeCompare(target),如果 stringObject 小於 target,則 localeCompare() 傳回小於 0 的數。如果 stringObject 大於 target,則該方法傳回大於 0 的數。如果兩個字串相等,或根據本地排序規則沒有區別,該方法返回0,器比較使用的是本地的規則,本地規則意思就是使用操作系統底層對這些本地字符排序的規則進行排序,默認情況下例如使用大於號這樣的比較只是純粹比較兩個字元的unicode的數大小,會與許多語言不符。
例如

複製程式碼 程式碼如下:

var arr = [['中' ,'國'], ['啊','的'], ['哦','的']];
arr.sort(function(x, y){
  return x[0]. localeCompare(y[0]);
});

結果就會按第一列文字的拼音排序,如果含有英文的話,預設是將英文放在前面,如果是純英文的話,會按字母順序來,大寫排在小寫的後面,這樣就可以實現字符串的排序了,包括中文和中英混排。至於要降序排列的話,方法與上面相同,改成return y[0].localeCompare(x[0]); 即可。

這樣排序的問題就實現了,js二維陣列排序用到的地方還是很多的。希望能幫上一些人的忙吧

複製程式碼 程式碼如下:

    function tblSort(s){    
                      arrs[r]=[]
                    for(c=0;c                        arrs[r][c]          arrs[r][c].html = table.rows[r].cells[ c].innerHTML//取表格HTML放進一個關聯數組裡面,用於排序後顯示在頁面上;
                    內容用於下面的判斷;
                        //偵測中可能的內容為      if(text == '-'){
                       r][c].text='-1';
                        }else if(     
                           }else if(text=='無百度快照'||text=='無排名資料'){
                                     }else if(text = = ''){
                                 }else{
                           c].innerText//取表格文字內容放進一個關聯數組裡面。用於下面的sort做排序。

                        }
                  }
               //alert(arrs[0][0][ 反序;
                   if(reve){
        🎜>                            return parseFloat(y[s]['text']) - parseFloat(x[s]['text']) - parseFloat(x[s]['text']) - parseFloat' text'])                   
                            reve=0
                       arrs.sort(function(x,y){
                      ]) - parseFloat(y[s]['text'])//排序
                          reve=1
                    }
       >                    for(r = 0;r       ){
                              table。 ][c]['html']
                        }
        //表格排序結束


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
JavaScript數據類型:瀏覽器和nodejs之間是否有區別?JavaScript數據類型:瀏覽器和nodejs之間是否有區別?May 14, 2025 am 12:15 AM

JavaScript核心數據類型在瀏覽器和Node.js中一致,但處理方式和額外類型有所不同。 1)全局對像在瀏覽器中為window,在Node.js中為global。 2)Node.js獨有Buffer對象,用於處理二進制數據。 3)性能和時間處理在兩者間也有差異,需根據環境調整代碼。

JavaScript評論:使用//和 / * * / * / * /JavaScript評論:使用//和 / * * / * / * /May 13, 2025 pm 03:49 PM

JavaScriptusestwotypesofcomments:single-line(//)andmulti-line(//).1)Use//forquicknotesorsingle-lineexplanations.2)Use//forlongerexplanationsorcommentingoutblocksofcode.Commentsshouldexplainthe'why',notthe'what',andbeplacedabovetherelevantcodeforclari

Python vs. JavaScript:開發人員的比較分析Python vs. JavaScript:開發人員的比較分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型,適合科學計算和數據分析。 2.JavaScript採用弱類型,廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢,選擇時應根據項目需求決定。

Python vs. JavaScript:選擇合適的工具Python vs. JavaScript:選擇合適的工具May 08, 2025 am 12:10 AM

選擇Python還是JavaScript取決於項目類型:1)數據科學和自動化任務選擇Python;2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞,而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript:了解每個的優勢Python和JavaScript:了解每個的優勢May 06, 2025 am 12:15 AM

Python和JavaScript各有優勢,選擇取決於項目需求和個人偏好。 1.Python易學,語法簡潔,適用於數據科學和後端開發,但執行速度較慢。 2.JavaScript在前端開發中無處不在,異步編程能力強,Node.js使其適用於全棧開發,但語法可能複雜且易出錯。

JavaScript的核心:它是在C還是C上構建的?JavaScript的核心:它是在C還是C上構建的?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1)JavascriptwasdesignedAsignedAsalightWeight,drackendedlanguageforwebbrowsers.2)Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers,典型地,替代品。

JavaScript應用程序:從前端到後端JavaScript應用程序:從前端到後端May 04, 2025 am 12:12 AM

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗,後端通過Node.js處理服務器任務。 1.前端示例:改變網頁文本內容。 2.後端示例:創建Node.js服務器。

Python vs. JavaScript:您應該學到哪種語言?Python vs. JavaScript:您應該學到哪種語言?May 03, 2025 am 12:10 AM

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統:1)職業發展:Python適合數據科學和後端開發,JavaScript適合前端和全棧開發。 2)學習曲線:Python語法簡潔,適合初學者;JavaScript語法靈活。 3)生態系統:Python有豐富的科學計算庫,JavaScript有強大的前端框架。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。