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);
}

---

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