從表格中獲取數據,並在排序後按順序重新排列表格(Javascript)

數字排序出現問題

升序結果出現了一個大的數字反而在小數字的後面

function mySort(arr){
            for(var x=0;x<arr.length-1;x++){
                for(var y=x+1;y<arr.length;y++){
                    if(arr[x].cells[1].innerHTML>arr[y].cells[1].innerHTML){
                        var temp = arr[x];
                        arr[x] = arr[y];
                        arr[y] = temp;
                    }
                }
            }
        }

排序前
排序後

相信大家已經發現問題所在了,因爲age那列的數字是以文本的方式提取出來的,它們之間是以字符串的形式進行排序的,比如這裏的 6>56
所以,在這裏我們用一個方法,paserInt()將字符串轉化爲Int類型的

function mySort(arr){
            for(var x=0;x<arr.length-1;x++){
                for(var y=x+1;y<arr.length;y++){
                    //按照年齡的數值排序,而非按字符串排序
                    if(parseInt(arr[x].cells[1].innerHTML)>parseInt(arr[y].cells[1].innerHTML)){
                        var temp = arr[x];
                        arr[x] = arr[y];
                        arr[y] = temp;
                    }
                }
            }
        }

運行結果:

升序結果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章