資訊專欄INFORMATION COLUMN
摘要：如果后臺傳過來的對象，順序是被打亂的或者說，對象有多個屬性，在這個頁面需要按照排序，在另一個頁面需要按照數(shù)量排序這里就利用字符的屬性，進(jìn)行排序了提供了相關(guān)的方法需要進(jìn)行排序的數(shù)據(jù)一二三四值一轉(zhuǎn)值成功功值七日值禮拜值調(diào)用排序方法，按照為關(guān)鍵字
如果后臺傳過來的對象，順序是被打亂的
或者說，對象有多個屬性，在這個頁面需要按照id排序，在另一個頁面需要按照數(shù)量排序
這里就利用字符的Unicode屬性，進(jìn)行排序了
sort提供了相關(guān)的方法
| id | name | num | level |
|---|
//需要進(jìn)行排序的數(shù)據(jù)
var data = [{
"id": 1,
"name": "abc",
"num": 123,
"level": "一二三四" //Unicode值 u4e00u4e8cu4e09u56db
}, {
"id": 5,
"name": "acb",
"num": 456,
"level": "一轉(zhuǎn)" //Unicode值 u4e00u8f6c
}, {
"id": 2,
"name": "bac",
"num": 234,
"level": "成功功" //Unicode值 u6210u529fu529f
}, {
"id": 3,
"name": "a12",
"num": 345,
"level": "七日" //Unicode值 u4e03u65e5
}, {
"id": 4,
"name": "a32",
"num": 567,
"level": "禮拜" //Unicode值 u793cu62dc
}]
//調(diào)用排序方法，按照level為關(guān)鍵字進(jìn)行排序
//true表示升序排序，如果傳入false表示降序排序
//第二個參數(shù)位置不傳值時，默認(rèn)升序排序
data.sort(sortBy("level", true));
//渲染數(shù)據(jù)
re(data);
function re(data) {
var str = "";
for (var i = 0; i < data.length; i++) {
str +=
"" +
" " + data[i].id + " " +
" " + data[i].name + " " +
" " + data[i].num + " " +
" " + data[i].level + " " +
" "
}
$("tbody").html(str)
}
function sortBy(attr, rev) {
//第二個參數(shù)沒有傳遞 默認(rèn)升序排列
if (rev == undefined) {
rev = 1;
} else {
rev = (rev) ? 1 : -1;
}
return function (a, b) {
a = a[attr];
b = b[attr];
if (a < b) {
return rev * -1;
}
if (a > b) {
return rev * 1;
}
return 0;
}
}
按照level排序的結(jié)果
漢字排序是按照漢字的Unicode編碼進(jìn)行排序的
目前沒找到按照漢字拼音排序的方法，望各位大佬指教
附查詢Unicode網(wǎng)址 http://tool.chinaz.com/tools/...
按照id排序的結(jié)果
按照name排序的結(jié)果
按照num排序的結(jié)果
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53275.html
摘要：如果后臺傳過來的對象，順序是被打亂的或者說，對象有多個屬性，在這個頁面需要按照排序，在另一個頁面需要按照數(shù)量排序這里就利用字符的屬性，進(jìn)行排序了提供了相關(guān)的方法需要進(jìn)行排序的數(shù)據(jù)一二三四值一轉(zhuǎn)值成功功值七日值禮拜值調(diào)用排序方法，按照為關(guān)鍵字 如果后臺傳過來的對象，順序是被打亂的或者說，對象有多個屬性，在這個頁面需要按照id排序，在另一個頁面需要按照數(shù)量排序這里就利用字符的Unicode...
摘要：是一個輕量級的工具函數(shù)庫，它方便了日常開發(fā)中對數(shù)據(jù)的操作，提高了開發(fā)效率。根據(jù)平時開發(fā)中對數(shù)據(jù)的操作，我對常見的用法做了以下總結(jié)，方便今后的學(xué)習(xí)和整理。 Lodash是一個輕量級的JavaScript工具函數(shù)庫，它方便了日常開發(fā)中對數(shù)據(jù)的操作，提高了開發(fā)效率。 ? 日常開發(fā)中，通常會對數(shù)據(jù)，特別是數(shù)組和對象進(jìn)行各種讀寫等操作：比如去重，拷貝，合并，過濾，求交集，求和等等。根據(jù)平時...
摘要：數(shù)據(jù)結(jié)構(gòu)之應(yīng)用之常用命令之應(yīng)用場景說明本文參考了開發(fā)實(shí)戰(zhàn)指南，還有實(shí)戰(zhàn)自己之前的筆記。我們正式進(jìn)入主題吧，中種數(shù)據(jù)結(jié)構(gòu)的使用場景介紹。應(yīng)用場景土法建索引。此命令會覆蓋哈希表中已存在的域。 數(shù)據(jù)結(jié)構(gòu)之Redis應(yīng)用之常用命令之應(yīng)用場景 說明 1、本文參考了Redis開發(fā)實(shí)戰(zhàn)指南GitBook，還有《Redis實(shí)戰(zhàn)》自己之前的筆記。主體框架來自這里。 2、感謝大佬們的付出，在這里自己只是...
閱讀 2805·2019-08-30 15:55
閱讀 2853·2019-08-30 15:53
閱讀 2289·2019-08-26 13:47
閱讀 2551·2019-08-26 13:43
閱讀 3153·2019-08-26 13:33
閱讀 2794·2019-08-26 11:53
閱讀 1789·2019-08-23 18:35
閱讀 795·2019-08-23 17:16
