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