【问题标题】:javascript sort function sorting wrong [duplicate]javascript排序函数排序错误[重复]
【发布时间】:2013-03-23 19:31:51
【问题描述】:

您好,我有一个文本框,其值类似于

<input type="hidden" value="2,1,4,5,3,6,7,8,9,10,11,12" class="sortvalues" id="1_1_parent">

现在我想要获取这个文本框的值,想要将值拆分为数组,然后作为最后的结果,我需要一个排序数组。

我做了什么。

 allsortedValues =  $(".sortvalues").val();
 allsortedValues = allsortedValues.split(",");
 allsortedValues = allsortedValues.sort();

当我检查数组时

 console.log(allsortedValues);

显示

  1,10,11,12,2,3,4,5,6,7,8,9

将数组排序为1, 10, 11, 12, 2.....

我什至用过

allsortedValues = allsortedValues.split(",").map(function(x){return parseInt(x)});

在应用排序之前,在其他情况下,我什至使用过 parseInt 之类的

for(var i = 0; i < allsortedValues.length; i++) {

   allsortedValues[i] = parseInt(allsortedValues[i]);
}

在应用排序之前,但在所有情况下结果都是相同的。有人会指导我做错了什么吗?

【问题讨论】:

  • 您的排序工作正常,javascript 将您的输入视为字符串而不是数字,因此出现意外行为。请参阅@Pointy 的答案以获得正确的解决方案。

标签: javascript sorting


【解决方案1】:

您必须传入一个将字符串转换为数字的比较器函数:

allsortedvalues = allsortedvalues.sort(function(a,b) {
  return (+a) - (+b);
});

如果您的某些数组条目有可能不是格式良好的数字,那么您的比较器将不得不变得更复杂。

(+a) 的构造涉及一元 + 运算符,如果 a 已经是一个数字,它不会做任何事情。但是,如果a 不是数字,则+a 的结果将是当解释为数字时a 的值,否则NaN .一个字符串被解释为一个数字,通过被检查和解析为一个数字的字符串表示。布尔值将转换为false -&gt; 0true -&gt; 1。值null 变为0undefined 变为NaN。最后,通过调用 valueOf() 函数将对象引用解释为数字,如果没有帮助,则调用 NaN

如果你愿意,它相当于使用 Number 构造函数,如Number(a)。它的作用与+a 完全相同。我是一个懒惰的打字员。

【讨论】:

  • 我猜(+a) 的东西可能不是绝对必要的,但我觉得稍微强调一下正在发生的事情很好。
  • (+)'ses 看起来很混乱。如果你想明确一点,我建议Number(a)-Number(b)
  • @thg435 同意,我更喜欢人类语言:)
  • 我个人认为只要 return a - b;//compare two numbers 加上评论就足够清楚了。
  • (+a) 只是在使用强制转换,如果你正在编写 JavaScript,你应该明白这一点。不过,这个评论线程让我想知道(+a) 是否与Number(a) 一致?也就是说,解释器在这两种情况下都做同样的事情吗?
【解决方案2】:

如果没有提供 compareFunction,元素通过转换排序 它们到字符串并比较字典中的字符串(“字典” 或“电话簿”,而不是数字)顺序。比如“80”来了 按字典顺序在“9”之前,但在数字排序中 9 出现 80岁之前。

要比较数字而不是字符串,比较函数可以简单地从 a 中减去 b:

function compareNumbers(a, b)
{
  return a - b;
}

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/sort

【讨论】:

  • 呃,我回答了实际问题:“Javascript 没有正确排序,我做错了什么?”这并不需要提供正确的排序功能。 在链接的文档中,OP显然应该阅读。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-01-07
  • 2017-02-07
  • 2021-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多