欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 通訊錄 字母排序

劉姿婷1年前7瀏覽0評論

jquery通訊錄是一款非常實用的工具,它可以幫助我們更加方便地管理聯(lián)系人信息。而在通訊錄中,通常會采用字母排序的方式進(jìn)行展示,這樣可以使得查找聯(lián)系人變得更加便捷。下面我們通過jquery來實現(xiàn)通訊錄的字母排序。

$(function(){
//假設(shè)我們有如下通訊錄數(shù)據(jù)
var contacts = [
{name: "張三",phone: "123456789"},
{name: "李四",phone: "987654321"},
{name: "王五",phone: "456789123"},
{name: "趙六",phone: "321654987"},
{name: "錢七",phone: "654123987"},
];
//定義一個字母映射表
var map = { 
"a": 0,"b": 1,"c": 2,"d": 3,"e": 4,"f": 5,"g": 6,
"h": 7,"i": 8,"j": 9,"k": 10,"l": 11,"m": 12,"n": 13,
"o": 14,"p": 15,"q": 16,"r": 17,"s": 18,"t": 19,"u": 20,
"v": 21,"w": 22,"x": 23,"y": 24,"z": 25
};
//按照姓名首字母排序
contacts.sort(function(a,b){
var aVal = map[a.name.toLowerCase().charAt(0)];
var bVal = map[b.name.toLowerCase().charAt(0)];
return aVal - bVal;
});
//將排序后的數(shù)據(jù)展示出來
var htmlStr = "";
for (var i = 0; i< contacts.length; i++) {
htmlStr += "
  • "+ contacts[i].name + ":" + contacts[i].phone + "
  • "; } $("ul").html(htmlStr); });

    我們首先定義了一個contacts數(shù)組來存儲通訊錄數(shù)據(jù),然后定義了一個字母映射表map,用于將字母轉(zhuǎn)換成數(shù)字,方便后續(xù)的排序操作。排序過程中,我們直接使用sort方法,并指定比較函數(shù),比較函數(shù)中獲取每個元素的首字母所對應(yīng)的數(shù)字,并進(jìn)行大小比較。最后,我們將排序后的數(shù)據(jù)展示到頁面上即可。

    通過上述代碼,我們便成功地實現(xiàn)了通訊錄的字母排序。在實際的項目中,我們可以根據(jù)需求進(jìn)行定制化的開發(fā),如加入搜索、分頁等功能,以達(dá)到更好的用戶體驗。