javascript Array.sort() 跨瀏覽器下需要考慮的問題
圖1:數(shù)組左邊的數(shù)字表示它初始化時(shí)候的順序
思考了一下,我和組里另外一個(gè)成員分別給出了自己的解決方法,他的意見是通過自己實(shí)現(xiàn)具體的sort算法來統(tǒng)一控制,鑒于網(wǎng)上的現(xiàn)成的排序算法很多并且排序算法是程序員的基礎(chǔ),這種方式實(shí)現(xiàn)起來并不復(fù)雜,唯一的工作就是代碼的實(shí)現(xiàn)。不過我認(rèn)為其實(shí)有更簡單的方法,因?yàn)槲覀兊臄?shù)據(jù)是基于XSLT從xml中解析出來的,而XSLT是知道每行數(shù)據(jù)的的序號(hào)的(當(dāng)然如果是由服務(wù)器端代碼從數(shù)據(jù)庫或webservice讀取一樣很容易取該值),所以我認(rèn)為可以在XSLT中給每列添加一個(gè)Index屬性,e.g.第一行Index=1,第二行Index=2...這樣在sort比較大小的時(shí)候如果發(fā)現(xiàn)兩個(gè)數(shù)值相同,則比較其行號(hào),這樣最終只需要在在比較函數(shù)中添加兩行代碼即可實(shí)現(xiàn)。下面是實(shí)現(xiàn)代碼和結(jié)果截圖:
var array = [
{Index:1,val:25},
{Index:2,val:25},
{Index:3,val:45},
{Index:4,val:78}];
array.sort(function(a, b) {
if (a.val === b.val) {
//此處兩值相同,則根據(jù)其行號(hào)(初始化時(shí)的索引值)進(jìn)行比較。
return a.Index - b.Index;
}
return a.val - b.val;
})
for (var i = 0; i < array.length; i++) {
document.write("<p>" + array[i].Index + ":" + array[i].val + "</p>");
}
更新后結(jié)果截圖:
當(dāng)然這只是解決方法之一,我的目的只是盡量減少我們需要維護(hù)的代碼量,這樣可以盡量減少bug。一個(gè)思路,希望對你有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)數(shù)組的增刪改查操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組的增刪改查操作,結(jié)合實(shí)例形式分析了javascript針對數(shù)組的追加、獲取、刪除、添加、修改等常見操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-08-08JS動(dòng)態(tài)插入并立即執(zhí)行回調(diào)函數(shù)的方法
這篇文章主要介紹了JS動(dòng)態(tài)插入并立即執(zhí)行回調(diào)函數(shù)的方法,實(shí)例分析了動(dòng)態(tài)插入js文件及執(zhí)行回調(diào)函數(shù)的相關(guān)技巧,需要的朋友可以參考下2016-04-04Html5 js實(shí)現(xiàn)手風(fēng)琴效果
這篇文章主要為大家詳細(xì)介紹了Html5 js實(shí)現(xiàn)手風(fēng)琴效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01javascript+HTML5自定義元素播放焦點(diǎn)圖動(dòng)畫
這篇文章主要介紹了javascript+HTML5自定義元素播放焦點(diǎn)圖動(dòng)畫的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)卡片左右滑動(dòng)效果的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05javascript?Echart可視化學(xué)習(xí)
這篇文章主要為大家介紹了Echart可視化學(xué)習(xí)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01