javascript array 排序

有这么一个数组：

boxes = [ { id: 1, name: 'box034' },
  { id: 2, name: 'box001' },
  { id: 3, name: 'box036' },
  { id: 4, name: 'box024' },
  { id: 5, name: 'box028' },
  { id: 6, name: 'box019' } ]

用

boxes.sort(function(a, b) {
    if(a.name > b.name)
        return 1
    else
        return 0
})

进行排序，输出结果：

[ { id: 2, name: 'box001' },
  { id: 6, name: 'box019' },
  { id: 4, name: 'box024' },
  { id: 5, name: 'box028' },
  { id: 1, name: 'box034' },
  { id: 3, name: 'box036' } ]

看似没什么问题，可以正常排序。

但是，当

boxes = [ { id: 1, name: 'box034' },
  { id: 2, name: 'box001' },
  { id: 3, name: 'box036' },
  { id: 4, name: 'box024' },
  { id: 5, name: 'box028' },
  { id: 6, name: 'box019' },
  { id: 7, name: 'box023' },
  { id: 8, name: 'box045' },
  { id: 9, name: 'box035' },
  { id: 10, name: 'box011' },
  { id: 11, name: 'box014' } ]

时，排序结果：

[ { id: 6, name: 'box019' },
  { id: 11, name: 'box014' },
  { id: 10, name: 'box011' },
  { id: 2, name: 'box001' },
  { id: 7, name: 'box023' },
  { id: 4, name: 'box024' },
  { id: 5, name: 'box028' },
  { id: 1, name: 'box034' },
  { id: 9, name: 'box035' },
  { id: 3, name: 'box036' },
  { id: 8, name: 'box045' } ]

明显为乱序，呃，，有点意思，像这种直接用 “>”、"<"、"="号来比较两个字符串，array.sort函数能正确处理的元素个数不能超过10个，原因未明。
解决方法，利用string.localeCompare函数代替 “>”、"<"、"=" 的比较方法，即：

boxes.sort(function(a, b) {
    return a.name.localeCompare(b.name)
})

W3school中对字符串的 "<" 、">" 和 localeCompare 有如下说明：

把 < 和 > 运算符应用到字符串时，它们只用字符的 Unicode 编码比较字符串，而不考虑当地的排序规则。以这种方法生成的顺序不一定是正确的。例如，在西班牙语中，其中字符 “ch” 通常作为出现在字母 “c” 和 “d” 之间的字符来排序。
localeCompare() 方法提供的比较字符串的方法，考虑了默认的本地排序规则。

more:
JavaScript localeCompare() 方法

评论

1 楼 nonocast 2013-07-15  

给你一个思路，
npm install underscore

_ = require 'underscore'

boxes = [ { id: 1, name: 'box034' },
          { id: 2, name: 'box001' },
          { id: 3, name: 'box036' },
          { id: 4, name: 'box024' },
          { id: 5, name: 'box028' },
          { id: 6, name: 'box019' },
          { id: 7, name: 'box023' },
          { id: 8, name: 'box045' },
          { id: 9, name: 'box035' },
          { id: 10, name: 'box011' },
          { id: 11, name: 'box014' } ]

console.log _.sortBy boxes, 'name'


http://underscorejs.org/#sortBy