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

时间:2013-10-07 04:37:29

标签: javascript javascript-objects

我在对象中有这个数据集,键是字符串

 { '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出现在最后。

这是我正在使用的代码:

    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。 我哪里出错了?

2 个答案:

答案 0 :(得分:0)

暗示订单的唯一方法是使用数组。一组键/值对象怎么样,例如

return Object.keys(map).sort().map(function(k) {
    return {key: k, value: foo[k]}
});

答案 1 :(得分:0)

正如Blender指出的那样,物体没有被订购。你需要使用一个数组。有几种方法可以设置这个数组,一旦你在数组中有数据,就很容易对它进行排序。

以下是几个例子。首先,让我们尝试将其作为一个数组数组。外部数组是元素列表,此数组的每个元素本身都是一个包含两个元素的数组,即键和值。

然后将此代码粘贴到您最喜欢的JavaScript控制台中,例如Chrome中的控制台:

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 );

它会记录:

[
    [
        "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控制台:

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 );

它会记录:

[
    {
        "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"
    }
]

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

让我们更详细地看一下排序函数(使用第二个例子):

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

在此代码中,a.key获取其中一个数组元素的key属性的值。前面的+将字符串转换为数字 - 就像使用Number函数一样,但更简单的方法。同样适用于+b.key。然后减去这两个数字会给出正确的排序函数返回值:正值,负值或零值,具体取决于a.keyb.key是两者中的较大值还是它们是否相等。

第一个示例的工作方式类似,只使用+a[0] - +b[0]代替+a.key - +b.key

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