JS實(shí)現(xiàn)給數(shù)組對(duì)象排序的方法分析

更新時(shí)間：2019年06月24日 11:52:31 作者：學(xué)習(xí)筆記666

這篇文章主要介紹了JS實(shí)現(xiàn)給數(shù)組對(duì)象排序的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組對(duì)象排序相關(guān)實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)給數(shù)組對(duì)象排序的方法。分享給大家供大家參考，具體如下：

JS中給數(shù)組對(duì)象排序

假設(shè)有一個(gè)對(duì)象數(shù)組，我們想要根據(jù)某個(gè)對(duì)象屬性對(duì)數(shù)組進(jìn)行排序。而傳遞給數(shù)組sort()方法的比較函數(shù)要接收2個(gè)參數(shù)，即要比較的值。

可是，我們需要一種方式指明按照哪個(gè)屬性來(lái)排序。

要解決這個(gè)問(wèn)題，可以定義一個(gè)函數(shù)，它接收一個(gè)屬性名，然后根據(jù)這個(gè)屬性名來(lái)創(chuàng)建一個(gè)比較函數(shù)。

function createComprisonFunction(propertyName){
    return function(object1,object2){
        var value1 = object1[propertyName];
        var value2 = object2[propertyName];
        if(value1 < value2){
            return -1;
        }else if(value1 > value2){
            return 1;
        }else{
            return 0;
        }
    }
}
//上面的函數(shù)可以像在下面的列子中這樣使用
var data = [{name:"Zachary",age:28},{name:"Nicholas",age:29}];
data.sort(createComprisonFunction("name"));
console.log(data[0].name); //Nicholas
data.sort(createComprisonFunction("age"));
console.log(data[0].name); //Zachary

運(yùn)行結(jié)果：

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

PS：這里再為大家推薦一款關(guān)于排序的演示工具供大家參考：

在線動(dòng)畫(huà)演示插入/選擇/冒泡/歸并/希爾/快速排序算法過(guò)程工具：
http://tools.jb51.net/aideddesign/paixu_ys

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

JavaScript使用prototype定義對(duì)象類(lèi)型(轉(zhuǎn))[
JavaScript使用prototype定義對(duì)象類(lèi)型(轉(zhuǎn))[...
2006-12-12
前端頁(yè)面自動(dòng)播放音頻實(shí)現(xiàn)的常用方法
這篇文章主要介紹了如何在谷歌瀏覽器中實(shí)現(xiàn)頁(yè)面視頻的自動(dòng)播放音頻,包括Chrome的自動(dòng)播放策略和常用實(shí)現(xiàn)方法,同時(shí)提供了注意事項(xiàng)和建議,需要的朋友可以參考下
2025-01-01
javascript之querySelector和querySelectorAll使用介紹
其實(shí)關(guān)于querySelector和querySelectorAll的介紹說(shuō)明很多。在此主要是做個(gè)記錄
2011-12-12
javascript 24點(diǎn)游戲代碼
非常不錯(cuò)的技術(shù)24點(diǎn)的游戲代碼，他的算法值得學(xué)習(xí)，希望喜歡游戲的朋友，可以來(lái)看看
2008-06-06
TypeScript 中接口詳解
TypeScript核心設(shè)計(jì)原則之一就是類(lèi)型檢查，通過(guò)使用接口(Interfaces)可以進(jìn)行類(lèi)型檢查，滿足傳統(tǒng)面向?qū)ο笏枷?，利于有效開(kāi)發(fā)，有效避免類(lèi)型轉(zhuǎn)換問(wèn)題。
2015-06-06
小程序?qū)崿F(xiàn)簡(jiǎn)單吸頂效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
JavaScript判斷是否是微信瀏覽器
通過(guò)判斷UA中是否有關(guān)鍵字micromessenger，有的話則是微信內(nèi)置瀏覽器。下面小編給大家分享實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，需要的朋友可以參考下
2016-06-06
微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序
最近在寫(xiě)小程序過(guò)程中遇到一個(gè)拖拽排序需求,上網(wǎng)一頓搜索未果,遂自行實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序的相關(guān)資料,需要的朋友可以參考下
2022-03-03
如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名詳解
這篇文章主要給大家介紹了關(guān)于如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
基于JS實(shí)現(xiàn)的隨機(jī)數(shù)字抽簽實(shí)例
本文分享了基于JS實(shí)現(xiàn)的隨機(jī)數(shù)字抽簽的實(shí)例代碼。小編認(rèn)為具很好的參考價(jià)值，感興趣的朋友可以看下
2016-12-12