我正在尝试对一个Backbone.js集合进行反向排序。之前有回答了如何针对整数进行此操作，但没有提到字符串。
var Chapter = Backbone.Model;
var chapters = new Backbone.Collection;
chapters.comparator = function(chapter) {
return chapter.get("title");
};
chapters.add(new Chapter({page: 9, title: "The End"}));
chapters.add(new Chapter({page: 5, title: "The Middle"}));
chapters.add(new Chapter({page: 1, title: "The Beginning"}));
alert(chapters.pluck('title'));
上面的代码将章节从A到Z进行排序，但我该如何编写一个比较器，以便将其从Z到A进行排序？
你可以：
0xffff（string.charCodeAt的最大返回值）减去每个值，String.fromCharCode将其转换回反转字符的字符串这就是你的排序键。
chapters.comparator = function(chapter) {
return String.fromCharCode.apply(String,
_.map(chapter.get("title").split(""), function (c) {
return 0xffff - c.charCodeAt();
})
);
}
然后，瞧：
> console.log(chapters.pluck('title'));
["The Middle", "The End", "The Beginning"]
注意：如果您要比较的字符串很长（例如65 kb或更多），则可能会遇到问题（请参见下面Matt的评论）。为避免此类情况，并稍微加快比较速度，只需使用您要比较的字符串的较短片段即可。 （在上面的示例中，您可以选择chapter.get("title").slice(0, 100).split("")。）所需的切片长度将取决于您的应用程序。
fromCharCode.apply时，它会锁定Safari。长度大于65536的数组将导致其完全失败并抛出RangeError。也许可以通过从比较字符串中提取前n个字符的切片来使此比较器函数更安全（并且可能更有效）。 - Matthewfoo和foobar的顺序没有被颠倒。可以通过在字符串末尾附加String.fromCharCode(0xffff)来解决这个问题。 - Maximilian Hilsvar Chapter = Backbone.Model;
var chapters = new Backbone.Collection;
chapters.comparator = function(chapterA, chapterB) {
if (chapterA.get('title') > chapterB.get('title')) return -1; // before
if (chapterB.get('title') > chapterA.get('title')) return 1; // after
return 0; // equal
};
chapters.add(new Chapter({page: 9, title: "The End"}));
chapters.add(new Chapter({page: 5, title: "The Middle"}));
chapters.add(new Chapter({page: 1, title: "The Beginning"}));
alert(chapters.pluck('title'));
那么您应该得到如下响应：
"The Middle", "The End", "The Beginning"
_.sortBy()和_.sortedIndex() 方法基于比较器对模型进行排序，这些方法自动按升序排序。最朴素的方法是使用chapters.pluck('title').reverse()，因为pluck的结果将是一个数组。但是，在一些集合方法上调用reverse会就地反转集合模型，所以下次再调用它时，模型将回到升序状态。你可以像这样做:var results = [],
titles = chapters.pluck('title');
for(var i=0, len=titles.length; i<len; i++) {
results.push(titles[i]);
}
results.reverse();
这不会影响你Backbone集合中的models数组，因为它会在内存中创建一个全新的results数组，但保留对原始models的引用，因此调用像save这样的方法仍将更新集合状态。
但这并不是非常优雅的解决方案，在项目中每次想要反转结果时都需要编写大量额外的代码。我认为我们可以做得更好。
为了使其正常工作，您需要在比较器方法中执行一些笨拙的JavaScript操作 - 请注意，此处未经过测试：
chapters.comparator = function(chapter) {
var alphabet = '0123456789abcdefghijklmnopqrstuvwxyz',
title = chapter.get('title').toLowerCase(),
inverse_title = '',
index;
for(var i=0, len=title.length; i<len; i++) {
index = alphabet.indexOf(title.charAt(i));
if(index === -1) {
inverse_title += title.charAt(i);
continue;
}
inverse_title += alphabet.charAt(alphabet.length - index - 1);
}
return inverse_title;
};
这个概念可能需要改进以考虑符号等因素，但本质上它会将比较字符串反转，使得“Z”变成“0”，“Y”变成“1”等等，这应该可以产生您想要的反向排序。
由于Backbone仅使用.sortBy方法，因此只需代理自己的逻辑：
collectionInQuestion.sortBy = function () {
var models = _.sortBy(this.models, this.comparator);
if (forSomeReason) {
models.reverse();
}
return models;
};
..或者将其添加到其他位置..
TweakedCollection = Backbone.Collection.extend({ sortBy: [...] })
我刚解决了一个类似于表格排序的问题，我想分享这段代码，因为在这些回答中我没有找到太多帮助：
events: {
'click th.sortable': function(e) {
var $this = $(e.target),
order = $this.hasClass('asc') ? 'desc' : 'asc',
field = $this.data('field'); /* this is a string */
$this.siblings().addBack().removeClass('asc desc');
$this.addClass( order );
this.bodyView.collection.comparator = field;
this.bodyView.collection.sort();
if ( order === 'desc' ) this.bodyView.collection.models.reverse();
this.bodyView.render();
}
},
在 chapter.get 前面加上减号即可。
chapters.comparator = function(chapter) {
return -chapter.get("title");
};