通過js將26個英文字母按順序依次排列方式
js將26個英文字母按順序依次排列
array(數(shù)組).sort(function (s1, s2) { let a1 = s1.toUpperCase(); let a2 = s2.toUpperCase(); if (a1 < a2) { return -1; } if (a1 > a2) { return 1; } return 0; }
js數(shù)組對象——英文按照首字母進行排序sort()、localeCompare()
場景復(fù)現(xiàn)
排序在項目中非常實用,出現(xiàn)頻率極高,尤其是后臺管理系統(tǒng),需要我們對大量的數(shù)據(jù)進行展示、處理、操作。
一般都是從后臺獲取到數(shù)組對象,然后根據(jù)其中的一個屬性對數(shù)據(jù)進行升序或者降序的處理。
下面將舉例詳細(xì)介紹——英語根據(jù)首字母進行排序!
sort()方法與localeCompare
方法:sort()、localeCompare()
sort用于排序
localeCompare用于比較
localeCompare不要寫成localCompare
實例應(yīng)用
升序排列
1、數(shù)組內(nèi)容
var arr1 = [ {name: 'DaLin'}, {name: 'HaLin'}, {name: 'VaLin'}, {name: 'SaLin'}, {name: 'WaLin'}, {name: 'EaLin'}, {name: 'TaLin'}, {name: 'YaLin'}, {name: 'JaLin'} ]
2、關(guān)鍵代碼:(根據(jù)英文首字母升序排列)
// 根據(jù)英文首字母進行排序 arr1.sort(function(a, b) { return (a.name + '').localeCompare(b.name + '') }) console.log(arr1)
控制臺排序結(jié)果:
降序排列也是一樣的道理,只需把a和b的位置交換即可。
// 根據(jù)英文首字母進行排序 arr1.sort(function(a, b) { return (b.name + '').localeCompare(a.name + '') }) console.log(arr1)
控制臺排序結(jié)果:
英文的排序還是很簡單的,弄清楚localeCompare()和sort()的用法即可。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
讓JavaScript擁有類似Lambda表達(dá)式編程能力的方法
在前幾天的博文中我發(fā)布了一個可以自定義頁碼呈現(xiàn)方式的組件,有C#和JavaScript兩個版本。2010-09-09基于 Immutable.js 實現(xiàn)撤銷重做功能的實例代碼
這篇文章主要介紹了基于 Immutable.js 實現(xiàn)撤銷重做功能及一些需要注意的地方,需要的朋友可以參考下2018-03-03javascript HTMLEncode HTMLDecode的完整實例(兼容ie和火狐)
用的瀏覽器內(nèi)部轉(zhuǎn)換器實現(xiàn)轉(zhuǎn)換,方法是動態(tài)創(chuàng)建一個容器標(biāo)簽元素2009-06-06使用JavaScript實現(xiàn)隨機曲線之間進行平滑切換
今天,我運用拉格朗日插值法繪制了一條曲線,然而,我并未止步于靜態(tài)展示,而是引入了一個定時器,每隔一段時間便對曲線上的點進行動態(tài)更新,從而賦予曲線生命般的動態(tài)變化,本文介紹了使用JavaScript實現(xiàn)隨機曲線之間進行平滑切換,感興趣的朋友可以參考下2024-11-11JS實現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實現(xiàn)代碼
這篇文章介紹了JS實現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實現(xiàn)代碼,有需要的朋友可以參考一下,希望對大家有用2013-09-09webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一個依賴jquery的自定義網(wǎng)頁滾動條樣式插件,這篇文章主要介紹了webpack里使用jquery.mCustomScrollbar插件的方法,感興趣的小伙伴們可以參考一下2018-05-05js自定義trim函數(shù)實現(xiàn)刪除兩端空格功能
這篇文章主要介紹了js自定義trim函數(shù)實現(xiàn)刪除兩端空格功能,結(jié)合實例形式分析了javascript基于正則替換實現(xiàn)類似trim函數(shù)刪除字符串兩端空格的相關(guān)操作技巧,并附帶jQuery類似功能函數(shù)使用方法,需要的朋友可以參考下2018-02-02js和jquery對dom節(jié)點的操作(創(chuàng)建/追加)
本文詳細(xì)介紹下js和jquery對dom節(jié)點的操作包括創(chuàng)建、追加等等,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04