对JavaScript数组进行排序,使得空值总是在底部

所以我有一个只包含字符串的数组.
阵列阵列将显示为一个表,并且可能有超过1000行,每个行中有20个或更多的值.

例如：

var arr = [
    ["bob","12","yes"],["joe","","no"],["tim","19",["dan",""],"0",""]
]

字符串可以包含可以表示为字符串的任何东西,包括：“”,“”,“0”或“00-00-00”等…以及我用于排序的任何列.

我正在排序升序和降序,但我排序的一些值是空白字符串：“”.在所有现代浏览器中,如何获得空白字符串(仅)始终位于新数组的末尾？

目前他们是在升序结束时,但在下降的开始.

我正在排序如下(是的,我相信我可以做得更短)：

if (direction == "asc") {
    SortedArr = arr.sort(function (a,b) {
        if (a[colToSortBy] == '') {
            return -1;
        }
        if (a[colToSortBy].toUpperCase() < b[colToSortBy].toUpperCase()) {
            return -1;
        }
        if (a[colToSortBy].toUpperCase() > b[colToSortBy].toUpperCase()) {
            return 1;
        }
        return 0;
    });
} else {
    SortedArr = arr.sort(function (a,b) {
        if (a[colToSortBy] == '') {
            return -1;
        }
        if (b[colToSortBy].toUpperCase() < a[colToSortBy].toUpperCase()) {
            return -1;
        }
        if (b[colToSortBy].toUpperCase() > a[colToSortBy].toUpperCase()) {
            return 1;
        }
        return 0;
    });
}

if (direction == "asc") {
    SortedArr = arr.sort(function (a,b) {
        return (a[col] || "|||").toUpperCase().localeCompare((b[col] || "|||").toUpperCase())
    });
} else {
    SortedArr = arr.sort(function (a,b) {
        return (b[col] || "!!!").toUpperCase().localeCompare((a[col] || "!!!").toUpperCase())
    });
}