本篇內(nèi)容介紹了“javascript中sort()方法如何使用”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司主營(yíng)桂林網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開(kāi)發(fā)公司,桂林h5小程序開(kāi)發(fā)搭建,桂林網(wǎng)站營(yíng)銷(xiāo)推廣歡迎桂林等地區(qū)企業(yè)咨詢(xún)

在javascript中，sort()方法用于數(shù)組排序，該方法能夠根據(jù)一定條件對(duì)數(shù)組元素進(jìn)行排序，語(yǔ)法格式“arrayObject.sort(sortby)”。如果調(diào)用sort()方法時(shí)沒(méi)有傳遞參數(shù)，則按字母順序?qū)?shù)組中的元素進(jìn)行排序。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

使用 sort() 對(duì)數(shù)組排序

sort() 方法能夠根據(jù)一定條件對(duì)數(shù)組元素進(jìn)行排序。如果調(diào)用 sort() 方法時(shí)沒(méi)有傳遞參數(shù)，則按字母順序?qū)?shù)組中的元素進(jìn)行排序。

var a = ["a","e","d","b","c"];  //定義數(shù)組
a.sort();  //按字母順序?qū)υ剡M(jìn)行排序
console.log(a);  //返回?cái)?shù)組[a,b,c,d,e]

使用 sort() 方法時(shí)，應(yīng)該注意下面幾個(gè)問(wèn)題。

1) 所謂的字母順序，實(shí)際上是根據(jù)字母在字符編碼表中的順序進(jìn)行排列的，每個(gè)字符在字符表中都有一個(gè)唯一的編號(hào)。

2) 如果元素不是字符串，則 sort() 方法試圖把數(shù)組元素都轉(zhuǎn)換成字符串，以便進(jìn)行比較。

3) sort() 方法將根據(jù)元素值進(jìn)行逐位比較，而不是根據(jù)字符串的個(gè)數(shù)進(jìn)行排序。

var a = ["aba","baa","aab"];  定義數(shù)組
a.sort();  //按字母順序?qū)υ剡M(jìn)行排序
console.log(a);  //返回?cái)?shù)組[aab,aba,baa]

在排序時(shí)，首先比較每個(gè)元素的第 1 個(gè)字符，在第 1 個(gè)字符相同的情況下，再比較第 2 個(gè)字符，以此類(lèi)推。

4) 在任何情況下，數(shù)組中 undefined 的元素都被排序在末尾。

5) sort() 方法是在原數(shù)組基礎(chǔ)上進(jìn)行排序操作的，不會(huì)創(chuàng)建新的數(shù)組。

sort() 方法不僅按字母順序進(jìn)行排序，還可以根據(jù)其他順序執(zhí)行操作。這時(shí)就必須為方法提供一個(gè)函數(shù)參數(shù)，該函數(shù)要比較兩個(gè)值，然后返回一個(gè)用于說(shuō)明這兩個(gè)值的相對(duì)順序的數(shù)字。排序函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b，，其返回值如下。

• 如果根據(jù)自定義評(píng)判標(biāo)準(zhǔn)，a 小于 b，在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前，就返回一個(gè)小于 0 的值。

• 如果 a 等于 b，就返回 0。

• 如果 a 大于 b，就返回一個(gè)大于 0 的值。

示例1

在下面示例中，將根據(jù)排序函數(shù)比較數(shù)組中每個(gè)元素的大小，并按從小到大的順序執(zhí)行排序。

function f(a,b) {  //排序函數(shù)
    return (a - b);  //返回比較參數(shù)
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義數(shù)組
a.sort(f);  //根據(jù)數(shù)字大小由小到大進(jìn)行排序
console.log(a);  //返回?cái)?shù)組[0,1,2,3,4,5,6,4,7,8,9]

如果按從大到小的順序執(zhí)行，則讓返回值取反即可。代碼如下：

function f(a,b) {  //排序函數(shù)
    return -(a - b);  //取反并返回比較參數(shù)
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義數(shù)組
a.sort(f);  //根據(jù)數(shù)字大小由小到大進(jìn)行排序
console.log(a);  //返回?cái)?shù)組[9,8,7,6,5,4,3,2,1,0]

示例2

根據(jù)奇偶性質(zhì)排列數(shù)組。

sort() 用法比較靈活，主要是函數(shù)排序比較。例如，如果根據(jù)奇偶數(shù)順序排序數(shù)組，只需要判斷順序函數(shù)中兩個(gè)參數(shù)是否為奇偶數(shù)，并決定排列順序。

function f(a, b) {  //排序函數(shù)
    var a = a % 2;  //獲取參數(shù)a的奇偶性
    var b = b % 2;  //獲取參數(shù)b的奇偶性
    if (a == 0) return 1;  //如果參數(shù)a為偶數(shù)，則排在左邊
    if (b == 0) return -1;  //如果參數(shù)b為偶數(shù)，則排在右邊
}
var a = [3,1,2,4,5,7,6,8,0,9];  //定義數(shù)組
a.sort(f);  //根據(jù)數(shù)字大小由大到小進(jìn)行排序
console.log(a);  //返回?cái)?shù)組[3,1,5,7,9,0,8,6,4,2]

sort() 方法在調(diào)用排序函數(shù)時(shí)，對(duì)每個(gè)元素值傳遞給排序函數(shù)，如果元素值為偶數(shù)，則保留其位置不動(dòng)；如果元素值為奇數(shù)，則調(diào)換參數(shù) a 和 b 的顯示順序，從而實(shí)現(xiàn)對(duì)數(shù)組中所有元素執(zhí)行奇偶排序。如果希望偶數(shù)排在前面，奇數(shù)排在后面，則只需要取返回值。排序函數(shù)如下。

function f(a, b) {
    var a = a % 2;
    var b = b % 2;
    if (a == 0) return -1;
    if (b == 0) return 1;
}

示例3

不區(qū)分大小寫(xiě)排序字符串。

在正常情況下，對(duì)字符串進(jìn)行排序是區(qū)分大小寫(xiě)的，這是因?yàn)槊總€(gè)大寫(xiě)字母和小寫(xiě)字母在字符編碼表中的順序是不同的，大寫(xiě)字母大于小寫(xiě)字母。

var a = ["aB", "Ab", "Ba", "bA"];  //定義數(shù)組
a.sort();  //默認(rèn)方法排序
console.log(a);  //返回?cái)?shù)組["Ab", "Ba", "aB", "bA"]

大寫(xiě)字母總是排在左側(cè)，如果讓小寫(xiě)字母總是排在左側(cè)，可以設(shè)計(jì)：

function f(a ,b) {
    return (a < b);
}
var a = ["aB", "Ab", "Ba", "bA"];  //定義數(shù)組
a.sort();  //默認(rèn)方法排序
console.log(a);  //返回?cái)?shù)組["Ab", "Ba", "aB", "bA"]

對(duì)于字母比較大小時(shí)，JavaScript 是根據(jù)字符編碼大小來(lái)決定的，當(dāng)為 true 時(shí)，則返回 1；為 false 時(shí)，則返回 -1。

如果不希望區(qū)分大小寫(xiě)，大寫(xiě)字母和小寫(xiě)字母按相同順序排列，可以設(shè)計(jì)：

function f(a, b) {
    var a = a.toLowerCase;
    var b = b.toLowerCase; 
    if (a < b) {
        return 1;
    }
    else {
        return -1;
    }
}
var a = ["aB", "Ab", "Ba", "bA"];  //定義數(shù)組
a.sort();  //默認(rèn)方法排序
console.log(a);  //返回?cái)?shù)組["aB", "Ab", "Ba", "bA"]

如果要調(diào)整排列順序，則設(shè)置返回值取反即可。

示例4

把浮點(diǎn)數(shù)和整數(shù)分開(kāi)顯示。

function f(a, b) {  //排序函數(shù)
    if (a > Math.floor(a)) return 1;  //如果a是浮點(diǎn)數(shù)，則調(diào)換位置
    if (b > Math.floor(b)) return -1;  //如果b是浮點(diǎn)數(shù)，則調(diào)換位置
}
var a = [3.5555, 1.23456, 3, 2.11111, 5, 7, 3];  //定義數(shù)組
a.sort(f);  //進(jìn)行篩選
console.log(a);  //返回?cái)?shù)組[3,5,7,3,2.11111,1.23456,3.55555]

如果要調(diào)整排序順序，則設(shè)置返回值取反即可。

“javascript中sort()方法如何使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！