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