鍍金池/ 問(wèn)答/HTML5  HTML/ 這段代碼如何優(yōu)化

這段代碼如何優(yōu)化

這段代碼如何優(yōu)化呢？

var sortFlag0 = false;
var sortFlag1 = false;
var sortFlag2 = false;
$scope.sortData = function (id) {
    console.log(id);
    if (id == 0) {
        sortFlag0 = !sortFlag0;
        if (sortFlag0) { //升序
            $("#sortImg" + id).attr("src", "../../img/shsort.png");
        } else if (!sortFlag0) { //降序
            $("#sortImg" + id).attr("src", "../../img/jsort.png");
        }
    } else if (id == 1) {
        sortFlag1 = !sortFlag1;
        if (sortFlag1) { //升序
            $("#sortImg" + id).attr("src", "../../img/shsort.png");
        } else if (!sortFlag1) { //降序
            $("#sortImg" + id).attr("src", "../../img/jsort.png");
        }
    } else if (id == 2) {
        sortFlag2 = !sortFlag2;
        if (sortFlag2) { //升序
            $("#sortImg" + id).attr("src", "../../img/shsort.png");
        } else if (!sortFlag2) { //降序
            $("#sortImg" + id).attr("src", "../../img/jsort.png");
        }
    }
}
回答
編輯回答
司令
var sortFlag=[false,false,false];
$scope.sortData = function (id) {
    sortFlag[id] = !sortFlag[id];
    if (sortFlag[id]) { //升序
        $("#sortImg" + id).attr("src", "../../img/shsort.png");
    } else if (!sortFlag[id]) { //降序
        $("#sortImg" + id).attr("src", "../../img/jsort.png");
    }
}

//三目運(yùn)算
var sortFlag = [false, false, false];
$scope.sortData = function (id) {
    sortFlag[id] = !sortFlag[id];
    $("#sortImg" + id).attr("src", "../../img/" + (sortFlag[id] ? 'sh' : 'j') + "sort.png");
}
2018年6月17日 11:32