1. 程式人生 > >從表格中獲取資料,並在排序後按順序重新排列表格(Javascript)

從表格中獲取資料,並在排序後按順序重新排列表格(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;
                    }
                }
            }
        }

執行結果:

升序結果