首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在JavaScript中自定义排序?非字母或数字的

如何在JavaScript中自定义排序?非字母或数字的
EN

Stack Overflow用户
提问于 2015-09-18 19:51:23
回答 3查看 3.5K关注 0票数 3

我有许多列表,需要根据特定的兴趣进行排序。使用值数组进行字母排序和数字排序将不起作用。

举个例子。下面的城市,需要按这个顺序出现。如何使用JavaScript完成这一任务?是否有一种方法,我可以用一个数值来表示每个城市,然后用数值对城市进行排序,以达到以下所需的顺序?

索尔兹伯里,高分,维克,夏洛特,罗利,凯里,威尔逊

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-09-18 20:37:41

一个解决方案不仅仅是列出单词,还有优先列出的单词。

代码语言:javascript
运行
复制
var data = [
        'Salisbury', 'Charlotte', 'Frankfurt', 'Düsseldorf', 'Raleigh',
        'Cary', 'Wilson', 'High Point', 'Wake', 'New Jersey'
    ],
    customSort = [
        'Salisbury', 'High Point', 'Wake', 'Charlotte', 'Raleigh',
        'Cary', 'Wilson'
    ],
    customLookup = customSort.reduce(function (r, a, i) {
        r[a] = ('000'+i).slice(-4); return r;
    }, {}),
    customSortFn = function (a, b) {
        return (customLookup[a] || a).localeCompare(customLookup[b] || b);
    };

document.write('<pre>' + JSON.stringify(data.sort(customSortFn), 0, 4) + '</pre>');

票数 2
EN

Stack Overflow用户

发布于 2015-09-18 19:56:27

把钥匙放进地图:

代码语言:javascript
运行
复制
var cityScores = {
  Salisbury: 5, High Point: 10, Wake: 15, Charlotte: 20, Raleigh: 25, Cary: 30, Wilson: 35
};

然后,当您排序时,只需引用该对象中的焦距:

代码语言:javascript
运行
复制
cityList.sort(function(city1, city2) {
  return cityScores[city1] - cityScores[city2];
});

如果数组是包含城市的对象数组,那么:

代码语言:javascript
运行
复制
objectList.sort(function(o1, o2) {
  return cityScores[o1.city] - cityScores[o2.city];
});
票数 11
EN

Stack Overflow用户

发布于 2015-09-18 19:56:25

Array.prototype.sort()可以使用compareFunction对元素进行排序:

代码语言:javascript
运行
复制
var arr = []; 

arr.sort(compare);

/** copy paste from mdn - create whatever logic to sort by **/
function compare(a, b) {
  if (a is less than b by some ordering criterion) {
    return -1;
  }
  if (a is greater than b by the ordering criterion) {
    return 1;
  }
  // a must be equal to b
  return 0;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32659995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档