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

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

 更新時(shí)間:2017年03月01日 16:14:05   作者:陌年古城  
本篇文章主要介紹了JavaScript中數(shù)組Array.sort()的排序方法。具有很好的參考價(jià)值,下面跟著小編一起來看下吧

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

以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!

相關(guān)文章

  • 總結(jié)分享10 個(gè)超棒的 JavaScript 簡(jiǎn)寫技巧

    總結(jié)分享10 個(gè)超棒的 JavaScript 簡(jiǎn)寫技巧

    這篇文章主要總結(jié)分享10 個(gè)超棒的 JavaScript 簡(jiǎn)寫技巧,有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧,需要的朋友可以參考一下
    2022-06-06
  • js使用for循環(huán)及if語句判斷多個(gè)一樣的name

    js使用for循環(huán)及if語句判斷多個(gè)一樣的name

    這篇文章主要介紹了js使用for循環(huán)機(jī)if語句判斷多個(gè)一樣的name,此法比較實(shí)用,需要的朋友可以參考下
    2014-09-09
  • JavaScript?中URL?查詢字符串(query?string)的序列與反序列化的方法

    JavaScript?中URL?查詢字符串(query?string)的序列與反序列化的方法

    在 JavaScript 中,可以使用?URLSearchParams?對(duì)象來處理 URL 中的查詢字符串,這篇文章主要介紹了JavaScript?中URL查詢字符串(query?string)的序列與反序列化,需要的朋友可以參考下
    2023-01-01
  • uniapp實(shí)現(xiàn)支付功能

    uniapp實(shí)現(xiàn)支付功能

    本文主要介紹了uniapp實(shí)現(xiàn)支付功能,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-05-05
  • VSCode中如何利用d.ts文件進(jìn)行js智能提示

    VSCode中如何利用d.ts文件進(jìn)行js智能提示

    這篇文章主要給大家介紹了關(guān)于VSCode中如何利用d.ts文件進(jìn)行js智能提示的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。
    2018-04-04
  • TypeScript 中括號(hào)用法小結(jié)

    TypeScript 中括號(hào)用法小結(jié)

    本文主要介紹了TypeScript 中括號(hào)用法小結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • 學(xué)習(xí)JavaScript鼠標(biāo)響應(yīng)事件

    學(xué)習(xí)JavaScript鼠標(biāo)響應(yīng)事件

    這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript鼠標(biāo)響應(yīng)事件,為大家分享了一個(gè)簡(jiǎn)單的鼠標(biāo)模擬案例,感興趣的小伙伴們可以參考一下
    2015-12-12
  • ES6 Iterator接口和for...of循環(huán)用法分析

    ES6 Iterator接口和for...of循環(huán)用法分析

    這篇文章主要介紹了ES6 Iterator接口和for...of循環(huán)用法,結(jié)合實(shí)例形式分析了Iterator接口和for...of循環(huán)相關(guān)使用技巧,需要的朋友可以參考下
    2019-07-07
  • JavaScript 經(jīng)典實(shí)例日常收集整理(常用經(jīng)典)

    JavaScript 經(jīng)典實(shí)例日常收集整理(常用經(jīng)典)

    本文是小編日常收集整理些js經(jīng)典實(shí)例,非常具有參考借鑒價(jià)值,需要的朋友一起了解了解吧
    2016-03-03
  • localResizeIMG先壓縮后使用ajax無刷新上傳(移動(dòng)端)

    localResizeIMG先壓縮后使用ajax無刷新上傳(移動(dòng)端)

    隨著技術(shù)的發(fā)展,移動(dòng)設(shè)備像素越來越高,但是這么大的圖片怎么上傳呢?下面小編就給大家一起學(xué)習(xí)移動(dòng)端圖片上傳的方法之localResizeIMG先壓縮后使用ajax無刷新上傳,需要的朋友可以參考下
    2015-08-08

最新評(píng)論