欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解數(shù)組Array.sort()排序的方法

 更新時(shí)間:2020年05月09日 22:09:00   作者:陌年古城  
JavaScript中數(shù)組的sort()方法主要用于對(duì)數(shù)組的元素進(jìn)行排序。其中,sort()方法有一個(gè)可選參數(shù)。接下來通過本文給大家介紹數(shù)組Array.sort()排序的方法,需要的朋友參考下

數(shù)組sort排序

sort比較次數(shù),sort用法,sort常用

描述

方法sort()將在原數(shù)組上對(duì)數(shù)組元素進(jìn)行排序,即排序時(shí)不創(chuàng)建新的數(shù)組副本。如果調(diào)用方法sort()時(shí)沒有使用參數(shù),將按字母順序(更為精確地說,是按照字符編碼的順序)對(duì)數(shù)組中的元素進(jìn)行排序。要實(shí)現(xiàn)這一點(diǎn),首先應(yīng)把數(shù)組的元素都轉(zhuǎn)換成字符串(如果有必要的話),以便進(jìn)行比較。

如果想按照別的順序進(jìn)行排序,就必須提供比較函數(shù),該函數(shù)要比較兩個(gè)值,然后返回一個(gè)用于說明這兩個(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的值。

注意,數(shù)組中undefined的元素都排列在數(shù)組末尾。即使你提供了自定義的排序函數(shù)也是這樣,因?yàn)閡ndefined值不會(huì)被傳遞給你提供的orderfunc。

JavaScript中數(shù)組的sort()方法主要用于對(duì)數(shù)組的元素進(jìn)行排序。其中,sort()方法有一個(gè)可選參數(shù)。但是,此參數(shù)必須是函數(shù)。 數(shù)組在調(diào)用sort()方法時(shí),如果沒有傳參將按字母順序(字符編碼順序)對(duì)數(shù)組中的元素進(jìn)行排序,如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序,就需要進(jìn)行傳一個(gè)參數(shù)且為函數(shù),該函數(shù)要比較兩個(gè)值,并且會(huì)返回一個(gè)用于說明這兩個(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ū)分大小寫的字母表排序。

代碼:

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}]

以上所述是小編給大家介紹的JavaScript中數(shù)組Array.sort()排序方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)

    Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)

    這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • 詳解TypeScript的基礎(chǔ)類型

    詳解TypeScript的基礎(chǔ)類型

    這篇文章主要為大家介紹了TypeScript的基礎(chǔ)類型,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • js使用swiper實(shí)現(xiàn)層疊輪播效果實(shí)例代碼

    js使用swiper實(shí)現(xiàn)層疊輪播效果實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于js使用swiper實(shí)現(xiàn)層疊輪播效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-12-12
  • Boostrap模態(tài)窗口的學(xué)習(xí)小結(jié)

    Boostrap模態(tài)窗口的學(xué)習(xí)小結(jié)

    Bootstrap Modals(模態(tài)框)是使用定制的 Jquery 插件創(chuàng)建的。它可以用來創(chuàng)建模態(tài)窗口豐富用戶體驗(yàn),或者為用戶添加實(shí)用功能。您可以在 Modals(模態(tài)框)中使用 Popover(彈出框)和 Tooltip(工具提示插件)
    2016-03-03
  • JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法

    JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)控制表格行文本對(duì)齊的方法,涉及javascript操作表格樣式的相關(guān)技巧,需要的朋友可以參考下
    2015-03-03
  • 原生JS實(shí)現(xiàn)網(wǎng)絡(luò)彩票投注效果

    原生JS實(shí)現(xiàn)網(wǎng)絡(luò)彩票投注效果

    分享一個(gè)最近模仿市面彩票系統(tǒng)寫個(gè)小案例,沒有使用任何后臺(tái),從投注到開獎(jiǎng)再到返獎(jiǎng)都是用原生JS實(shí)現(xiàn)的。
    2016-09-09
  • javascript每日必學(xué)之多態(tài)

    javascript每日必學(xué)之多態(tài)

    javascript每日必學(xué)之多態(tài),介紹了有關(guān)多態(tài)的相關(guān)內(nèi)容,感興趣的小伙伴們可以參考一下
    2016-02-02
  • Bootstrap表單組件教程詳解

    Bootstrap表單組件教程詳解

    表單常見的元素主要包括:文本輸入框、下拉選擇框、單選框、復(fù)選框、文本域、按鈕等。接下來通過本文給大家介紹Bootstrap表單組件教程,感興趣的朋友一起學(xué)習(xí)吧
    2016-04-04
  • JavaScript?Object.defineProperty與proxy代理模式的使用詳細(xì)分析

    JavaScript?Object.defineProperty與proxy代理模式的使用詳細(xì)分析

    這篇文章主要介紹了JavaScript?Object.defineProperty與proxy代理模式的使用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
    2022-10-10
  • alert和confirm功能介紹

    alert和confirm功能介紹

    這篇文章主要為大家介紹了alert和confirm的功能,需要的朋友可以參考下
    2014-05-05

最新評(píng)論