通過(guò)js將26個(gè)英文字母按順序依次排列方式
更新時(shí)間：2023年10月31日 09:58:53 作者：過(guò)了個(gè)羊
這篇文章主要介紹了通過(guò)js將26個(gè)英文字母按順序依次排列方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
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不要寫(xiě)成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)文章
這篇文章主要介紹了JS校驗(yàn)與最終登陸界面功能,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript登錄界面校驗(yàn)功能與正則驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
下載文件個(gè)別瀏覽器文件名亂碼解決辦法，需要的朋友可以參考一下2013-03-03
這篇文章主要介紹了JavaScript阻止表單提交方法,通過(guò)代碼示例講解了阻止表單提交需要注意的事項(xiàng)，以及onSubmit和check（）的區(qū)別寫(xiě)法,需要的朋友可以參考下2017-08-08
JavaScript 調(diào)試器其實(shí)有很多。當(dāng)然這些僅僅是調(diào)試器而已，與流行的 Java IDE 是沒(méi)有辦法相提并論的。2009-02-02
基于Javascript實(shí)現(xiàn)網(wǎng)頁(yè)版的繪圖板
這篇文章主要為大家詳細(xì)介紹了如何基于HTML5 Canvas和jQuery實(shí)現(xiàn)的簡(jiǎn)單網(wǎng)頁(yè)版繪圖編輯器,文中的示例代碼講解詳細(xì),需要的小伙伴可以了解下2024-10-10
javascript css styleFloat和cssFloat
在寫(xiě)js操作css的過(guò)程中發(fā)現(xiàn)float屬性在IE和firefox下對(duì)應(yīng)的js腳本是不一樣的，IE下對(duì)應(yīng)得是 styleFloat，firefox,chorme,safari下對(duì)應(yīng)的是cssFloat，可用in運(yùn)算符去檢測(cè)style是否包含此屬性。2010-03-03
這篇文章主要介紹了uni-app從安裝到卸載的入門(mén)教程，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
js對(duì)url進(jìn)行編碼解碼的三種方式總結(jié)
為一個(gè)字符串進(jìn)行URL編碼很容易,只需要調(diào)用encodeURI,傳入要編碼的字符串即可,而且實(shí)現(xiàn)的方法不止這一個(gè),下面這篇文章主要給大家介紹了關(guān)于js對(duì)url進(jìn)行編碼解碼的三種方式,需要的朋友可以參考下2023-02-02
JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
JavaScript中Boolean類(lèi)型的實(shí)現(xiàn)示例
本文主要介紹了JavaScript中Boolean類(lèi)型的實(shí)現(xiàn)示例,布爾值的兩個(gè)字面值true和false,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2026-02-02