JS实用ToolKit--NO1.数组排序

JS实用ToolKit–NO1.数组排序

首先，核心的JS代码块，一个降序的方法，一个升序的方法

    //降序排序数组对象    var compareDesc = function (prop) {    return function (obj1, obj2) {        var val1 = obj1[prop];        var val2 = obj2[prop];        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {            val1 = Number(val1);            val2 = Number(val2);        }        if (val1 > val2) {            return -1;        } else if (val1 < val2) {            return 1;        } else {            return 0;        }    }}  

---

    //升序排序数组的方法    var compareAsc = function (prop) {    return function (obj1, obj2) {        var val1 = obj1[prop];        var val2 = obj2[prop];        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {            val1 = Number(val1);            val2 = Number(val2);        }        if (val1 < val2) {            return -1;        } else if (val1 > val2) {            return 1;        } else {            return 0;        }    }    }  

---

紧接着，我们需要用来显示的HTML标签，并将排序方法写入标签中

<span style="color:red" id="spanTip"></span><br/><input type='button' value="降序排序" onclick="SortArrayDesc();"> &nbsp;&nbsp;<input type='button' value="升序排序" onclick="SortArrayAsc();">   

---

在例子中，我们在标签中声明全局数组变量var obj=[].
接着，在页面加载函数中写入以下代码

window.onload=function(){    obj=[{"a":"test1","b":1,"c":"2016-1-5"},{"a":"test2","b":5,"c":"2016-1-5"},{"a":"test3","b":2,"c":"2016-1-5"},{"a":"test4","b":3,"c":"2016-1-5"}];    var temp="";    for(var i=0;i<obj.length;i++)    {        temp+=obj[i].b.toLocaleString()+',';    }    document.getElementById("spanTip").innerHTML="原数组b字段顺序："+temp.substring(0,temp.length-1);}

---

好了，到现在降序排序以及升序排序数组的方法都已经完成，点击试试吧！