自定义javascript字符串排序比较器

Custom sort comparator for javascript string

本文关键字：比较器 排序 字符串 javascript 自定义      更新时间：2023-09-26

我有一个自定义比较器来排序一些字符串，它不像预期的那样按降序排序。

var list = document.getElementById('mylist');
var items = list.childNodes;
var itemsArr = [];
for (var i in items) {
  if (items[i].nodeType == 1) { // get rid of the whitespace text nodes
    itemsArr.push(items[i]);
  }
}
var sortOrder = "DESC";
itemsArr.sort(function(a, b) {
  switch (sortOrder) {
    case "ASC":
      var val = a.innerHTML.localeCompare(b.innerHTML);
      break;
    case "DESC":
      var val = a.innerHTML.localeCompare(b.innerHTML);
      if (val === 1)
        val = -1;
      if (val === -1)
        val = 1;
      break;
  }
  return val
});
/*itemsArr.sort(function(a, b) {
  return a.innerHTML == b.innerHTML
          ? 0
          : (a.innerHTML > b.innerHTML ? 1 : -1);
});*/
for (i = 0; i < itemsArr.length; ++i) {
  list.appendChild(itemsArr[i]);
}
<ul id="mylist">
  <li id="list-item3">Service</li>
  <li id="list-item4">Vendor</li>
  <li id="list-item2">Service_Type</li>
  <li id="list-item1">Call_Date</li>
  <li id="list-item3">Customer Sat Rating</li>
  <li id="list-item4">TTA</li>
  <li id="list-item2">Support_Rep</li>
  <li id="list-item1">Source_State</li>
  <li id="list-item3">Severity</li>
  <li id="list-item4">Customer_Type</li>
  <li id="list-item2">CALL ID</li>
  <li id="list-item1">Resolved_Ontime</li>
  <li id="list-item2">Product</li>
  <li id="list-item1">Minutes_On_Phone</li>
</ul>

对于我之前排序的不同数据，升序和降序都工作得很好。对于当前的html数据，它没有。谁能告诉我哪里说错了吗?

您将其设置为DESC，然后再设置为DESC:

case "DESC":
  var val = a.innerHTML.localeCompare(b.innerHTML);
  if (val === 1)
    val = -1;
  if (val === -1)
    val = 1;
  break;

改为:

case "DESC":
  var val = -1 * a.innerHTML.localeCompare(b.innerHTML);
  break;
相关文章：