通過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ù)組對象——英文按照首字母進(jìn)行排序sort()、localeCompare()
場景復(fù)現(xiàn)
排序在項(xiàng)目中非常實(shí)用,出現(xiàn)頻率極高,尤其是后臺管理系統(tǒng),需要我們對大量的數(shù)據(jù)進(jìn)行展示、處理、操作。
一般都是從后臺獲取到數(shù)組對象,然后根據(jù)其中的一個屬性對數(shù)據(jù)進(jìn)行升序或者降序的處理。
下面將舉例詳細(xì)介紹——英語根據(jù)首字母進(jìn)行排序!
sort()方法與localeCompare
方法:sort()、localeCompare()
sort用于排序

localeCompare用于比較

localeCompare不要寫成localCompare
實(shí)例應(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ù)英文首字母進(jìn)行排序
arr1.sort(function(a, b) {
return (a.name + '').localeCompare(b.name + '')
})
console.log(arr1)
控制臺排序結(jié)果:

降序排列也是一樣的道理,只需把a(bǔ)和b的位置交換即可。
// 根據(jù)英文首字母進(jìn)行排序
arr1.sort(function(a, b) {
return (b.name + '').localeCompare(a.name + '')
})
console.log(arr1)
控制臺排序結(jié)果:

英文的排序還是很簡單的,弄清楚localeCompare()和sort()的用法即可。
總結(jié)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
讓JavaScript擁有類似Lambda表達(dá)式編程能力的方法
在前幾天的博文中我發(fā)布了一個可以自定義頁碼呈現(xiàn)方式的組件,有C#和JavaScript兩個版本。2010-09-09
基于 Immutable.js 實(shí)現(xiàn)撤銷重做功能的實(shí)例代碼
這篇文章主要介紹了基于 Immutable.js 實(shí)現(xiàn)撤銷重做功能及一些需要注意的地方,需要的朋友可以參考下2018-03-03
響應(yīng)式表格之固定表頭的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄憫?yīng)式表格之固定表頭的簡單實(shí)現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
javascript HTMLEncode HTMLDecode的完整實(shí)例(兼容ie和火狐)
用的瀏覽器內(nèi)部轉(zhuǎn)換器實(shí)現(xiàn)轉(zhuǎn)換,方法是動態(tài)創(chuàng)建一個容器標(biāo)簽元素2009-06-06
使用JavaScript實(shí)現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換
今天,我運(yùn)用拉格朗日插值法繪制了一條曲線,然而,我并未止步于靜態(tài)展示,而是引入了一個定時器,每隔一段時間便對曲線上的點(diǎn)進(jìn)行動態(tài)更新,從而賦予曲線生命般的動態(tài)變化,本文介紹了使用JavaScript實(shí)現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換,感興趣的朋友可以參考下2024-11-11
JS實(shí)現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實(shí)現(xiàn)代碼
這篇文章介紹了JS實(shí)現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實(shí)現(xiàn)代碼,有需要的朋友可以參考一下,希望對大家有用2013-09-09
webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一個依賴jquery的自定義網(wǎng)頁滾動條樣式插件,這篇文章主要介紹了webpack里使用jquery.mCustomScrollbar插件的方法,感興趣的小伙伴們可以參考一下2018-05-05
js自定義trim函數(shù)實(shí)現(xiàn)刪除兩端空格功能
這篇文章主要介紹了js自定義trim函數(shù)實(shí)現(xiàn)刪除兩端空格功能,結(jié)合實(shí)例形式分析了javascript基于正則替換實(shí)現(xiàn)類似trim函數(shù)刪除字符串兩端空格的相關(guān)操作技巧,并附帶jQuery類似功能函數(shù)使用方法,需要的朋友可以參考下2018-02-02
js和jquery對dom節(jié)點(diǎn)的操作(創(chuàng)建/追加)
本文詳細(xì)介紹下js和jquery對dom節(jié)點(diǎn)的操作包括創(chuàng)建、追加等等,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04

