JavaScript中數(shù)組Array.sort()排序方法詳解
JavaScript中數(shù)組的sort()方法主要用于對(duì)數(shù)組的元素進(jìn)行排序。其中，sort()方法有一個(gè)可選參數(shù)。但是，此參數(shù)必須是函數(shù)。 數(shù)組在調(diào)用sort()方法時(shí)，如果沒(méi)有傳參將按字母順序（字符編碼順序）對(duì)數(shù)組中的元素進(jìn)行排序，如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序，就需要進(jìn)行傳一個(gè)參數(shù)且為函數(shù)，該函數(shù)要比較兩個(gè)值，并且會(huì)返回一個(gè)用于說(shuō)明這兩個(gè)值的相對(duì)順序的數(shù)字。
1、對(duì)數(shù)字?jǐn)?shù)組進(jìn)行由小到大的順序進(jìn)行排序。
代碼：
var arr = [22,12,3,43,56,47,4];
arr.sort();
console.log(arr); // [12, 22, 3, 4, 43, 47, 56]
arr.sort(function (m, n) {
if (m < n) return -1
else if (m > n) return 1
else return 0
});
console.log(arr); // [3, 4, 12, 22, 43, 47, 56]
2、對(duì)字符串?dāng)?shù)組執(zhí)行不區(qū)分大小寫(xiě)的字母表排序。
代碼：
var arr = ['abc', 'Def', 'BoC', 'FED'];
console.log(arr.sort()); // ["BoC", "Def", "FED", "abc"]
console.log(arr.sort(function(s, t){
var a = s.toLowerCase();
var b = t.toLowerCase();
if (a < b) return -1;
if (a > b) return 1;
return 0;
})); // ["abc", "BoC", "Def", "FED"]
3、對(duì)包含對(duì)象的數(shù)組排序，要求根據(jù)對(duì)象中的年齡進(jìn)行由大到小的順序排列
代碼：
var arr = [{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '趙六', age: 4}];
var objectArraySort = function (keyName) {
return function (objectN, objectM) {
var valueN = objectN[keyName]
var valueM = objectM[keyName]
if (valueN < valueM) return 1
else if (valueN > valueM) return -1
else return 0
}
}
arr.sort(objectArraySort('age'))
console.log(arr) // [{'name': '王五', age: 37},{'name': '張三', age: 26},{'name': '李四', age: 12},{'name': '趙六', age: 4}]
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
JS點(diǎn)擊鏈接后慢慢展開(kāi)隱藏著圖片的方法
這篇文章主要介紹了JS點(diǎn)擊鏈接后慢慢展開(kāi)隱藏著圖片的方法,實(shí)例分析了javascript操作圖片的隱藏與現(xiàn)實(shí)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript練習(xí)語(yǔ)法及建議總結(jié)大全
JavaScript 是一個(gè)程序語(yǔ)言,語(yǔ)法規(guī)則定義了語(yǔ)言結(jié)構(gòu),這篇文章主要介紹了JavaScript練習(xí)語(yǔ)法及建議總結(jié)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-07-07
JS回調(diào)函數(shù) callback的理解與使用案例分析
這篇文章主要介紹了JS回調(diào)函數(shù) callback的理解與使用,結(jié)合具體案例形式分析了javascript回調(diào)函數(shù)的功能、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-09-09
使用Webpack進(jìn)行高效分包優(yōu)化的實(shí)現(xiàn)
本文主要介紹了使用Webpack進(jìn)行高效分包優(yōu)化的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-06-06
這篇文章主要介紹了JavaScript錯(cuò)誤處理的相關(guān)資料,需要的朋友可以參考下2015-02-02
JavaScript中的Array 對(duì)象（數(shù)組對(duì)象）
Array 對(duì)象用于在單個(gè)的變量中存儲(chǔ)多個(gè)值。2016-06-06
Javascript 對(duì)象（object）合并操作實(shí)例分析
這篇文章主要介紹了Javascript 對(duì)象（object）合并操作,結(jié)合實(shí)例形式分析了javascript基于jQuery的extend方法、對(duì)象屬性、遍歷賦值等操作實(shí)現(xiàn)對(duì)象合并相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-07-07
Alova.js現(xiàn)代化請(qǐng)求庫(kù)使用指南
alova.js 是一個(gè)基于 Promise 的輕量級(jí) HTTP 請(qǐng)求庫(kù),它提供了簡(jiǎn)單而強(qiáng)大的 API 來(lái)處理前端的 HTTP 請(qǐng)求,它的設(shè)計(jì)目標(biāo)是簡(jiǎn)化開(kāi)發(fā)者在前端進(jìn)行 HTTP 請(qǐng)求的過(guò)程,提供更好的開(kāi)發(fā)體驗(yàn)和更高的效率,本文給大家詳細(xì)介紹了Alova.js現(xiàn)代化請(qǐng)求庫(kù)的使用,需要的朋友可以參考下2025-03-03
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)錄音功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09