欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Juery解決tablesorter中文排序和字符范圍的方法

 更新時(shí)間：2015年05月06日 15:03:52   作者：kinmin2012  
這篇文章主要介紹了Juery解決tablesorter中文排序和字符范圍的方法,實(shí)例分析了jQuery針對(duì)tablesorter中文排序和字符范圍的解決方法,需要的朋友可以參考下

本文實(shí)例講述了Juery解決tablesorter中文排序和字符范圍的方法。分享給大家供大家參考。具體分析如下：

tablesorter是jQuery插件中比較優(yōu)秀的一款表格排序插件，我相信大家都使用過(guò)或有所耳聞，我在這里就不過(guò)多介紹了，詳細(xì)信息可以看看官方網(wǎng)站：http://tablesorter.com/docs/（其中的demo做得比較完整）。

在使用了tablesorter開(kāi)發(fā)的幾個(gè)項(xiàng)目中，發(fā)現(xiàn)了兩種類型的排序存在問(wèn)題，如下：

第一個(gè)問(wèn)題是無(wú)法對(duì)中文字符進(jìn)行排序，這是因?yàn)樵趯?duì)字符排序時(shí)，是使用的unicode值進(jìn)行的字符大小比較，代碼如下：

Js代碼

function sortText(a,b) {
  return ((a < b) ? -1 : ((a > b) ? 1 : 0));
};
function sortTextDesc(a,b) {
  return ((b < a) ? -1 : ((b > a) ? 1 : 0));
};
function sortText(a,b) {
  return ((a < b) ? -1 : ((a > b) ? 1 : 0));
};
function sortTextDesc(a,b) {
  return ((b < a) ? -1 : ((b > a) ? 1 : 0));
};

而我們想要得到的結(jié)果是按漢字拼音進(jìn)行順序進(jìn)行排序，因此我們將代碼修改為以下代碼即可：

Js代碼

function sortText(a,b) {
  return a.localeCompare(b);
};
function sortTextDesc(a,b) {
  return b.localeCompare(a);
};
function sortText(a,b) {
  return a.localeCompare(b);
};
function sortTextDesc(a,b) {
  return b.localeCompare(a);
};

localeCompare方法是JS自帶的方法，不用多說(shuō)，望文生義就知道這個(gè)方法是根據(jù)當(dāng)前區(qū)域下對(duì)字符的大小進(jìn)行比較，不過(guò)這個(gè)方法無(wú)法處理多音字。

第二個(gè)問(wèn)題是無(wú)法對(duì)超出了范圍的數(shù)值型數(shù)據(jù)進(jìn)行排序，這是因?yàn)樵谶M(jìn)行數(shù)值類型轉(zhuǎn)換時(shí)，存在數(shù)據(jù)值失真的情況，例如：

Js代碼

alert(parseFloat('9999999999999999'));  // 10000000000000000
alert(parseFloat('10000000000000001')); // 10000000000000000
alert(parseFloat('10000000000000004')); // 10000000000000004
alert(parseFloat('10000000000000005')); // 10000000000000004
alert(parseFloat('10000000000000006')); // 10000000000000006
alert(parseFloat('9999999999999999'));  // 10000000000000000
alert(parseFloat('10000000000000001')); // 10000000000000000
alert(parseFloat('10000000000000004')); // 10000000000000004
alert(parseFloat('10000000000000005')); // 10000000000000004
alert(parseFloat('10000000000000006')); // 10000000000000006

這樣的偏差會(huì)使得排序結(jié)果不準(zhǔn)確，為了避免這種問(wèn)題，應(yīng)該不使用原始值進(jìn)行比較，而是應(yīng)該引入權(quán)值，數(shù)值從左到右，每一位數(shù)值對(duì)應(yīng)的權(quán)值遞減，然后根據(jù)權(quán)值和原始值計(jì)算出的新值用于比較，這就只需要修改formatFloat方法就能解決這個(gè)問(wèn)題了。

Js代碼

this.formatFloat = function(s) {    
  // TODO    
  var i = parseFloat(s);    
  return (isNaN(i)) ? 0 : i;    
};

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論