javascript中sort() 方法使用詳解_javascript技巧
語法:arrayObject.sort(sortby);參數sortby可選。規定排序順序。必須是函數。
sort() 方法用於對陣列的元素進行排序。
如果呼叫該方法時沒有使用參數,將按字母順序對數組中的元素進行排序,說得更精確點,是按照字元編碼的順序進行排序。要實現這一點,
首先應把陣列的元素都轉換成字串(如有必要),以便進行比較。
如果想按照其他標準進行排序,就需要提供比較函數,該函數要比較兩個值,然後傳回一個用來說明這兩個值的相對順序的數字。
比較函數應該有兩個參數 a 和 b,其傳回值如下:
若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則傳回一個小於 0 的值。
若 a 等於 b,則回傳 0。
若 a 大於 b,則傳回大於 0 的值。
用js中的sort()方法排序數字
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; alert(arr.sort(); </script>
回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]
上面的程式碼沒有按照數值的大小對數字進行排序,要實現這一點,就必須使用一個排序函數:
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; function sequence(a,b){ if (a>b) { return 1; }else if(a<b){ return -1 }else{ return 0; } } console.log(arr.sort(sequence)); </script>
回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (沒有問題)
當然也可以把排序函數寫到sort()方法裡面:
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; var arr2 = arr.sort(function(a,b){ if (a>b) { return 1; }else if(a<b){ return -1 }else{ return 0; } }) console.log(arr2); </script>
回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也沒問題)
也可以簡化成這樣的寫法
因為:若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則傳回一個小於 0 的值。
若 a 等於 b,則回傳 0。
若 a 大於 b,則傳回大於 0 的值
<script> var arr = [23,12,1,34,116,8,18,37,56,50]; function sequence(a,b){ return a - b; } console.log(arr.sort(sequence)); </script>
回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正確的)
關係字母順序進行排序 就簡單多了,直接用sort()方法就OK了:
<script> var arr = ['fanda','banner','find','zoom','index','width','javascript']; console.log(arr.sort()); </script>
返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]
現在在學習javascript中,發現sort()函數是有點奇怪的東西(可能是本人水平的問題-_-!),於是就在這裡記錄一下自己找到的東西吧。 sort()這個方法的參數很奇怪,必須是函數,但也是可選參數,如果沒有參數的話,就會預設以字串的字典順序來排列(就算是數值,也會被轉化為字串來處理)。這個參數是要能夠比較兩個值的大小,如:
function sortNumber(a, b){
return a - b; //這裡回傳的是他們的差值,如果是小於0的值,就會把a排在前面,如果大於0,就會將b排在前面,如果是0的話,就隨便。 (冒泡排序法!!)
}
應用如下(此範例太經典了!!):
<script type="text/javascript"> function sortNumber(a,b){return a - b} var arr = new Array(3) arr[0] = "10"; arr[1] = "5"; arr[2] = "4"; document.write(arr + "<br />"); document.write(arr.sort(sortNumber)); </script>
那麼原本是10,5,4的排列就會變成4,5,10.這裡說明一下這個過程,明明sortNumber應該是有兩個參數,但是我們在呼叫時卻一個參數都沒有,怎麼進行比較啊?這裡是這樣的,當arr從第一個數開始調用sort時,10前面是沒有數與它比較的,所以就到第二個,就是5,這時10就會與5比較,於是就會調用sortNumber並將10和5傳進去,這是sort()的特性。

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

熱門話題











如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

深入理解JS數組排序:sort()方法的原理與機制,需要具體程式碼範例導語:陣列排序是在我們日常的前端開發工作中非常常見的操作之一。 JavaScript中的陣列排序方法sort()是我們最常使用的陣列排序方法之一。但是,你是否真正了解sort()方法的原理與機制呢?本文將帶你深入理解JS數組排序的原理和機制,並提供具體的程式碼範例。一、sort()方法的基本用法

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數:要插入的新節點和參考節點(即新節點將要插入的位置的節點)。
