我寻求帮助,对一个仅包含0-100范围内的数字的html表进行排序,我目前的尝试全都在javascript中进行,但是,不必在javascript中完成。问题似乎在于它将表数据按字符串排序,因为它将按以下顺序对8、59和1进行排序:1、59、8,我希望将其按1、8、59进行排序。我使用的代码是来自w3schools的代码:
function sortTable(n) {
var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
table = document.getElementById("Tabellen");
switching = true;
dir = "asc";
while (switching) {
switching = false;
rows = table.rows;
for (i = 1; i < (rows.length - 1); i++) {
shouldSwitch = false;
x = rows[i].getElementsByTagName("TD")[n];
y = rows[i + 1].getElementsByTagName("TD")[n];
if (dir == "asc") {
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
shouldSwitch= true;
break;
}
} else if (dir == "desc") {
if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
}
if (shouldSwitch) {
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
switching = true;
switchcount ++;
} else {
if (switchcount == 0 && dir == "asc") {
dir = "desc";
switching = true;
}
}
}
}
如果我尝试对字母进行排序,这会很好,但是,事实并非如此。我也尝试了以下解决方案:
var collator = new Intl.Collator(undefined, {numeric: true});
var myArray = ['8', '69', '1'];
console.log(myArray.sort(collator.compare));
我在自己的相似职位上找到了它,并且它本身可以很好地工作,但是,我无法弄清楚如何将其合并到w3schools代码中以使其起作用。
您可以先将字符串转换为数字,然后对其进行排序。
var myArr = ['8', '69', '1'];
var sortedArray = myArr
.map(function(item) {
return Number(item);
})
.sort(function(a, b){
return a-b;
});
console.log(sortedArray); // prints [1, 8, 69]