首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >按键(字符串作为数字)对对象进行排序

按键(字符串作为数字)对对象进行排序
EN

Stack Overflow用户
提问于 2013-10-07 04:37:29
回答 2查看 109关注 0票数 0

我在对象中设置了这个数据,键是字符串

代码语言:javascript
运行
复制
 { '17': '17-17:30',
   '20': '20:00-21',
   '21': '21-22',
   '22': '22-23',
    '23': '23-24',
   '01': '1-2',
   '02': '2-3',
   '03': '3-4',
   '04': '4-5',
   '05': '5-6',
   '06': '6-7',
  '07': '7-7:30',
  '08': '08:50-9' }

我想对它们进行数字排列,以便01排在第一位,23排在最后。

下面是我使用的代码:

代码语言:javascript
运行
复制
    var sort_object = function(map) {
    var keys = _.sortBy(_.keys(map), function(a) { return Number(a); });
    var newmap = {};
    _.each(keys, function(k) {
    newmap[k] = map[k];
     });
     return newmap;
    }

它在开始的时候仍然返回17。我哪里出错了?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-07 06:15:24

正如Blender所指出的,物体是不有序的。你需要使用数组。有几种方法可以设置这个数组,一旦在数组中有了数据,就很容易对其进行排序。

以下是几个例子。首先,让我们尝试将它变成一个数组。外部数组是元素列表,该数组的每个元素本身都是由两个元素(键和值)组成的数组。

所以,将这段代码粘贴到您最喜欢的JavaScript控制台中,比如Chrome中的:

代码语言:javascript
运行
复制
var data = [
    [ '17', '17-17:30' ],
    [ '20', '20:00-21' ],
    [ '21', '21-22' ],
    [ '22', '22-23' ],
    [ '23', '23-24' ],
    [ '01', '1-2' ],
    [ '02', '2-3' ],
    [ '03', '3-4' ],
    [ '04', '4-5' ],
    [ '05', '5-6' ],
    [ '06', '6-7' ],
    [ '07', '7-7:30' ],
    [ '08', '08:50-9' ]
];

var result = data.slice().sort( function( a, b ) {
    return +a[0] - +b[0];
});

JSON.stringify( result, null, 4 );

它将记录:

代码语言:javascript
运行
复制
[
    [
        "01",
        "1-2"
    ],
    [
        "02",
        "2-3"
    ],
    [
        "03",
        "3-4"
    ],
    [
        "04",
        "4-5"
    ],
    [
        "05",
        "5-6"
    ],
    [
        "06",
        "6-7"
    ],
    [
        "07",
        "7-7:30"
    ],
    [
        "08",
        "08:50-9"
    ],
    [
        "17",
        "17-17:30"
    ],
    [
        "20",
        "20:00-21"
    ],
    [
        "21",
        "21-22"
    ],
    [
        "22",
        "22-23"
    ],
    [
        "23",
        "23-24"
    ]

或者,可以使用对象数组代替数组。这通常是更方便的工作。将此代码粘贴到JavaScript控制台:

代码语言:javascript
运行
复制
var data = [
    { key: '17', value: '17-17:30' },
    { key: '20', value: '20:00-21' },
    { key: '21', value: '21-22' },
    { key: '22', value: '22-23' },
    { key: '23', value: '23-24' },
    { key: '01', value: '1-2' },
    { key: '02', value: '2-3' },
    { key: '03', value: '3-4' },
    { key: '04', value: '4-5' },
    { key: '05', value: '5-6' },
    { key: '06', value: '6-7' },
    { key: '07', value: '7-7:30' },
    { key: '08', value: '08:50-9'}
];

var result = data.slice().sort( function( a, b ) {
    return +a.key - +b.key;
});

JSON.stringify( result, null, 4 );

它将记录:

代码语言:javascript
运行
复制
[
    {
        "key": "01",
        "value": "1-2"
    },
    {
        "key": "02",
        "value": "2-3"
    },
    {
        "key": "03",
        "value": "3-4"
    },
    {
        "key": "04",
        "value": "4-5"
    },
    {
        "key": "05",
        "value": "5-6"
    },
    {
        "key": "06",
        "value": "6-7"
    },
    {
        "key": "07",
        "value": "7-7:30"
    },
    {
        "key": "08",
        "value": "08:50-9"
    },
    {
        "key": "17",
        "value": "17-17:30"
    },
    {
        "key": "20",
        "value": "20:00-21"
    },
    {
        "key": "21",
        "value": "21-22"
    },
    {
        "key": "22",
        "value": "22-23"
    },
    {
        "key": "23",
        "value": "23-24"
    }
]

无论哪种方式,正如您所看到的,一旦您以合适的格式(即数据作为一个整体需要一个数组)获得数据,那么排序就变得非常简单了。

让我们更详细地研究这个排序函数(使用第二个示例):

代码语言:javascript
运行
复制
var result = data.slice().sort( function( a, b ) {
    return +a.key - +b.key;
});

在此代码中,a.key获取数组元素之一的key属性的值。前面的+将字符串转换为数字--这与使用Number函数非常相似,但更简单。同样适用于+b.key。然后减去这两个数字,得到正确的排序函数返回:一个正的、负的或零的值,这取决于a.key还是b.key是两者中较大的还是相等的。

第一个示例的工作原理类似,只使用+a[0] - +b[0]而不是+a.key - +b.key

每个示例中的.slice()调用都生成数组的副本。如果要对原始数组进行排序,可以忽略这一点。

票数 0
EN

Stack Overflow用户

发布于 2013-10-07 04:55:01

暗示顺序的唯一方法是使用数组。键/值对象数组如何?

代码语言:javascript
运行
复制
return Object.keys(map).sort().map(function(k) {
    return {key: k, value: foo[k]}
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19217161

复制
相关文章

相似问题

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