使用JavaScript的可稳定的html整数表

问题描述 投票:1回答:1

我寻求帮助,对一个仅包含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代码中以使其起作用。

javascript html sorting html-table
1个回答
0
投票

您可以先将字符串转换为数字,然后对其进行排序。

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]
© www.soinside.com 2019 - 2024. All rights reserved.