JavaScript學習筆記 -- sort()的用法 JavaScript學習筆記 -- sort()的用法
阿新 • • 發佈：2018-12-30
JavaScript學習筆記 -- sort()的用法
關於排序問題，第一次看教程/書的時候都是迷迷糊糊的感覺，看完就忘記了。等到看第二遍的時候，才發現自己其實沒有掌握該知識點，其實這些在網上都能搜到，但是隻有自己親自整理才會有比較深刻的印象。前面還有許多問題沒有寫在部落格上，以後視情況新增。
關於JS的sort()方法和reverse()方法是可以直接用來給陣列進行排序的，reverse()用於逆向排序，而sort()用於正向排序。例項如下：
- reverse()方法：將陣列逆序排列（跟原陣列的排序方式相反）
| 1 2 3 4 5 |
<script>
var
box = [1,4,5,13,9];
alert(box.reverse());
//[9,13,5,4,1]
alert(box);
//[9,13,5,4,1] box本身也被修改了,說明是引用
</script>
|
- sort()方法：將陣列按從小到大順序排列，注意：sort方法是根據字串首字母對應的字元編碼的順序進行排序，如果陣列元素是Number型別時會出現問題（自動將Number型別轉換為String型別進行比較），如下：
| 1 2 3 4 5 |
<script>
var
box = [1,4,5,13,9];
alert(box.sort());
//[1,13,4,5,9]
alert(box);
//[1,13,4,5,9] box本身同樣也被修改了,說明是引用
</script>
|
為了解決這個問題，需要引入一個方法形式的引數,進行數值大小的比較，如下：
| 1 2 3 4 5 6 7 8 9 10 |
<script>
var
box = [1,4,5,13,9];
function
sortNum(value1,value2){
return
value1 - value2;
/*如果返回值為負數,value1排value2的前面,反之則調換順序,等於0不改變排序方式;
如果要從大到小排列,則return value2 - value1 即可 */
}
alert(box.sort(sortNum));
//1,4,5,9,13
alert(box);
//1,4,5,9,13
</script>
|
關於排序問題，第一次看教程/書的時候都是迷迷糊糊的感覺，看完就忘記了。等到看第二遍的時候，才發現自己其實沒有掌握該知識點，其實這些在網上都能搜到，但是隻有自己親自整理才會有比較深刻的印象。前面還有許多問題沒有寫在部落格上，以後視情況新增。
關於JS的sort()方法和reverse()方法是可以直接用來給陣列進行排序的，reverse()用於逆向排序，而sort()用於正向排序。例項如下：
- reverse()方法：將陣列逆序排列（跟原陣列的排序方式相反）
| 1 2 3 4 5 |
<script>
var
box = [1,4,5,13,9];
alert(box.reverse());
//[9,13,5,4,1]
alert(box);
//[9,13,5,4,1] box本身也被修改了,說明是引用
</script>
|
- sort()方法：將陣列按從小到大順序排列，注意：sort方法是根據字串首字母對應的字元編碼的順序進行排序，如果陣列元素是Number型別時會出現問題（自動將Number型別轉換為String型別進行比較），如下：
| 1 2 3 4 5 |
<script>
var
box = [1,4,5,13,9];
alert(box.sort());
//[1,13,4,5,9]
alert(box);
//[1,13,4,5,9] box本身同樣也被修改了,說明是引用
</script>
|
為了解決這個問題，需要引入一個方法形式的引數,進行數值大小的比較，如下：
| 1 2 3 4 5 6 7 8 9 10 |
<script>
var
box = [1,4,5,13,9];
function
sortNum(value1,value2){
return
value1 - value2;
/*如果返回值為負數,value1排value2的前面,反之則調換順序,等於0不改變排序方式;
如果要從大到小排列,則return value2 - value1 即可 */
}
alert(box.sort(sortNum));
//1,4,5,9,13
alert(box);
//1,4,5,9,13
</script>
|