JavaScript sort數(shù)組排序方法和自我實現(xiàn)排序方法小結(jié)
前言
針對一個數(shù)組進(jìn)行排序,一個很常見的需求.尤其在后端.當(dāng)然,前端也是有這個需求的.
當(dāng)然,數(shù)組排序,是有現(xiàn)成的方法的.就是sort()方法.
我們先開看下這個.
標(biāo)準(zhǔn)答案,sort方法
var arr = [45,98,67,57,85,6,58,83,48,18]; console.log('原數(shù)組'); console.log(arr); console.log('sort方法從小到大排序'); console.log(arr.sort(function(a,b){return a-b})); console.log('sort方法從大到小排序'); console.log(arr.sort(function(a,b){return b-a}));
運行結(jié)果如下:
這里需要注意的是,sort默認(rèn)是按照字母順序來進(jìn)行排序的.因此,我們在排列數(shù)字的時候,需要一個自定義函數(shù).
如上面的代碼
function(a,b){return a-b}
這就是一個從小到大的排序函數(shù).看上去好簡單的樣子,但是我不理解,所以,我根據(jù)我的想法,來實現(xiàn)排序吧~
我的答案,for方法排序
var arr = [45,98,67,57,85,6,58,83,48,18]; console.log('原數(shù)組'); console.log(arr); console.log('for方法從小到大排序'); console.log(arrSortMinToMax(arr)); console.log('for方法從大到小排序'); console.log(arrSortMaxToMin(arr)); // 找數(shù)組中最小的值 function arrMinNum(arr){ var minNum = Infinity, index = -1; for (var i = 0; i < arr.length; i++) { if (arr[i]<minNum) { minNum = arr[i]; index = i; } }; return {"minNum":minNum,"index":index}; } // 返回數(shù)組從小到大排序結(jié)果 function arrSortMinToMax(arr){ var arrNew = []; var arrOld = arr.concat(); for (var i = 0; i < arr.length; i++) { arrNew.push(arrMinNum(arrOld).minNum); arrOld.splice(arrMinNum(arrOld).index,1) }; return (arrNew); } // 找數(shù)組中最大的值 function arrMaxNum(arr){ var maxNum = -Infinity, index = -1; for (var i = 0; i < arr.length; i++) { if (arr[i]>maxNum) { maxNum = arr[i]; index = i; } }; return {"maxNum":maxNum,"index":index}; } // 返回數(shù)組從大到小排序結(jié)果 function arrSortMaxToMin(arr){ var arrNew = []; var arrOld = arr.slice(0); for (var i = 0; i < arr.length; i++) { arrNew.push(arrMaxNum(arrOld).maxNum); arrOld.splice(arrMaxNum(arrOld).index,1); }; console.log(arr) return (arrNew); }
運行結(jié)果如下圖所示
我的方法中的知識點
1.當(dāng)一個函數(shù)需要返回多條數(shù)據(jù)的時候,使用json對象格式比較方便.如上面的return {"minNum":minNum,"index":index};
2.如果使用 var arrOld = arr 這種方法來復(fù)制一個數(shù)組,并且,對arrOld進(jìn)行操作的話,是會影響到arr這個原數(shù)組的.因為javascript分原始類型與引用類型(與java、c#類似)。Array是引用類型。arrOld得到的是引用,所以對arrOld的修改會影響到arr。
復(fù)制數(shù)組的方法(一)var arrOld = arr.concat(); ,原理:concat()函數(shù)是用于拼接多個數(shù)組的函數(shù),這種寫法相當(dāng)于拼接自己.也就是復(fù)制了.
復(fù)制數(shù)組的方法(二)var arrOld = arr.slice(0) , 原理:slice()函數(shù)是一個截取數(shù)組的函數(shù),設(shè)置值為0,則是全部截取,相當(dāng)于復(fù)制了.
3.splice()方法用于插入、刪除或替換數(shù)組的元素。這里是使用了其刪除數(shù)組中指定位置的特性.
4.我的方法和sort方法的差異.
我的方法沒有修改原數(shù)組,而sort是在原數(shù)組的基礎(chǔ)上進(jìn)行的修改.
我的方法返回的是一個新數(shù)組,原數(shù)組并沒有消失或者改變.(好像和上面一句是一個意思….)
5.排序是編程中非常非?;A(chǔ)并且非常非常重要的知識點.sort排序在執(zhí)行大量數(shù)據(jù)的情況下,效率還是比較低的.當(dāng)然,我的方法的效率也是很低的.
本文轉(zhuǎn)載于:http://blog.csdn.net/fungleo/article/details/51555590
以上所述是小編給大家介紹的JavaScript sort數(shù)組排序方法和自我實現(xiàn)排序方法小結(jié)的全部內(nèi)容,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的,在此也非常感謝大家對腳本之家網(wǎng)站的支持。
- Js數(shù)組排序函數(shù)sort()介紹
- JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)
- js sort 二維數(shù)組排序的用法小結(jié)
- js中數(shù)組排序sort方法的原理分析
- javascript 數(shù)組排序函數(shù)sort和reverse使用介紹
- JavaScript數(shù)組排序reverse()和sort()方法詳解
- JavaScript自定義數(shù)組排序方法
- JavaScript對象數(shù)組排序函數(shù)及六個用法
- javascript 數(shù)組排序與對象排序的實例
- JavaScript對象數(shù)組排序?qū)嵗椒\析
- JS簡單數(shù)組排序操作示例【sort方法】
相關(guān)文章
Bootstrap模態(tài)框插入視頻的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap模態(tài)框插入視頻的實現(xiàn)代碼,需要的朋友可以參考下2017-06-06js遍歷json對象所有key及根據(jù)動態(tài)key獲取值的方法(必看)
下面小編就為大家?guī)硪黄猨s遍歷json對象所有key及根據(jù)動態(tài)key獲取值的方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03JavaScript檢測是否開啟了控制臺(F12調(diào)試工具)
通過js來檢測開發(fā)者工具是否打開,防止別人惡意調(diào)試我們的代碼,最近我發(fā)現(xiàn)還是有蠻多人去瀏覽那篇文章,所以這里再放出一段代碼,算是個升級版吧2020-10-10javascript 數(shù)組(list)添加/刪除的實現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12JavaScript?ECMAScript?6(ES2015~ES2022)所有新特性總結(jié)
這篇文章主要介紹了JavaScript?ECMAScript?6(ES2015~ES2022)所有新特性總結(jié),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-07-07