通过子属性订购对象

Question

在我的Angular4应用中，我想通过子键（在这种情况下order ）对对象（ obj ）进行排序，如下所示：

var obj = {
    signal_a : {
        order : 2,
        signals : []
    },
    signal_b : {
        order : 3,
        signals : []
    },
    signal_c : {
        order : 1,
        signals : []
    }
}

当前显示：

1. signal_a
2. signal_b
3. signal_c

想要的结果：

1. signal_c
2. signal_a
3. signal_b

Answer 1

您可以通过使用Object.keys获取对象属性的数组并通过查看它们的order对它们进行order并根据此新顺序重新创建一个新对象来实现此目的。

警告如此处解释： JavaScript是否保证对象属性顺序？ JS无法保证对象属性的顺序。 您必须将对象转换为数组。 或使用地图。

 var obj = { signal_a : { order : 2, signals : [] }, signal_b : { order : 3, signals : [] }, signal_c : { order : 1, signals : [] } }; var orderedObj = {}; Object.keys(obj).sort((a,b) => obj[a].order > obj[b].order ? 1 : -1).forEach(prop => orderedObj[prop] = obj[prop]); console.log(orderedObj); 

数组 对象 ：

 var obj = { signal_a : { order : 2, signals : [] }, signal_b : { order : 3, signals : [] }, signal_c : { order : 1, signals : [] } }; var objToArray = Object.keys(obj).sort((a,b) => obj[a].order > obj[b].order ? 1 : -1).map(key => { return { "key":key, "value":obj[key] }; }); console.log(objToArray);