js實例教程-js的sort()方法使用技巧

发布时间:2018-11-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js實例教程-js的sort()方法使用技巧脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小寶典致力於為廣大程序猿(媛)提供高品質的代碼服務,請大家多多光顧小站,小寶典在此謝過。

如果調用該方法時沒有使用參數,將按字母順序對數組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。要實現這一點,首先應把數組的元素都轉換成字符串(如有必要),以便進行比較。

array.sort()方法默認是升序排序,如果想按照其他標準進行排序,就需要提供比較函數,該函數要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b,其返回值如下:

  • 若 a 小於 b,在排序后的數組中 a 應該出現在 b 之前,則返回一個小於 0 的值。
  • 若 a 等於 b,則返回 0。
  • 若 a 大於 b,則返回一個大於 0 的值。

簡單點:比較函數兩個參數a和b,返回a-b升序,返回b-a降序

以下通過幾個例子來理解

普通數組 升序

 VAR arr = [4,3,6,5,7,2,1]; arr.sort(); console.LOG(arr); //輸出結果[1,2,3,4,5,6,7]

普通數據 降序

 var arr = [4,3,6,5,7,2,1]; arr.sort(); arr.sort(function(a,b){     return b-a; }); console.log(arr); //輸出結果[7,6,5,4,3,2,1]

對象數組排序

 var arr= [      { 'sortNo': 2},     { 'sortNo': 1},     { 'sortNo': 5},     { 'sortNo': 6},     { 'sortNo': 7},     { 'sortNo': 3},     { 'sortNo': 9},     { 'sortNo': 4},     { 'sortNo': 0} ]; arr.sort(function(a, b){         return a.sortNo - b.sortNo; }); console.log(arr); //輸出結果 //{ 'sortNo': 0} //{ 'sortNo': 1} //{ 'sortNo': 2} //{ 'sortNo': 3} //{ 'sortNo': 4} //{ 'sortNo': 5} //{ 'sortNo': 6} //{ 'sortNo': 7} //{ 'sortNo': 9}

如果調用該方法時沒有使用參數,將按字母順序對數組中的元素進行排序,說得更精確點,是按照字符編碼的順序進行排序。要實現這一點,首先應把數組的元素都轉換成字符串(如有必要),以便進行比較。

array.sort()方法默認是升序排序,如果想按照其他標準進行排序,就需要提供比較函數,該函數要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b,其返回值如下:

  • 若 a 小於 b,在排序后的數組中 a 應該出現在 b 之前,則返回一個小於 0 的值。
  • 若 a 等於 b,則返回 0。
  • 若 a 大於 b,則返回一個大於 0 的值。

簡單點:比較函數兩個參數a和b,返回a-b升序,返回b-a降序

以下通過幾個例子來理解

普通數組 升序

 var arr = [4,3,6,5,7,2,1]; arr.sort(); console.log(arr); //輸出結果[1,2,3,4,5,6,7]

普通數據 降序

 var arr = [4,3,6,5,7,2,1]; arr.sort(); arr.sort(function(a,b){     return b-a; }); console.log(arr); //輸出結果[7,6,5,4,3,2,1]

對象數組排序

 var arr= [      { 'sortNo': 2},     { 'sortNo': 1},     { 'sortNo': 5},     { 'sortNo': 6},     { 'sortNo': 7},     { 'sortNo': 3},     { 'sortNo': 9},     { 'sortNo': 4},     { 'sortNo': 0} ]; arr.sort(function(a, b){         return a.sortNo - b.sortNo; }); console.log(arr); //輸出結果 //{ 'sortNo': 0} //{ 'sortNo': 1} //{ 'sortNo': 2} //{ 'sortNo': 3} //{ 'sortNo': 4} //{ 'sortNo': 5} //{ 'sortNo': 6} //{ 'sortNo': 7} //{ 'sortNo': 9}

覺得可用,就經常來吧!Javascript技巧 腳本寶典 歡迎評論哦! js技巧,巧奪天工,精雕玉琢。小寶典獻醜了!

脚本宝典总结

以上是脚本宝典为你收集整理的js實例教程-js的sort()方法使用技巧全部内容,希望文章能够帮你解决js實例教程-js的sort()方法使用技巧所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。