尝试根据子属性对对象键进行排序

Question

I have this object:

var myObject = {
    cat: {
        order: 1
    },

    mouse: {
        order: 4
    },

    dog: {
        order: 2
    },   

    shark: {
        order: 3
    }
}

I'm trying to get back: ["cat", "dog", "shark", "mouse"]

I tried:

_.sortBy(x, function(e) { return e.order} )

Answer 1

You can simply use Object.keys() and Array.sort() for it.

• get all the keys from the Object using Object.keys() .
• Simply sort all the keys by passing a custom Comparator to the sort function which compares the order property of the keys in the object.

 var myObject = { cat: { order: 1 }, mouse: { order: 4 }, dog: { order: 2 }, shark: { order: 3 } }; let result = Object.keys(myObject).sort((a,b)=> myObject[a].order - myObject[b].order); console.log(result); 

Answer 2

use Object.entries first, then sort by the order property of its second element ( because Object.entries returns an array of a given object's own enumerable property [key, value] pairs ), finally use Array.map to get what you need.

 var myObject = { cat: { order: 1 }, mouse: { order: 4 }, dog: { order: 2 }, shark: { order: 3 } } console.log( Object.entries(myObject).sort((a, b) => { return a[1].order - b[1].order }).map(item => item[0]) ) 

Answer 3

  var myObject = { cat: { order: 1 }, mouse: { order: 4 }, dog: { order: 2 }, shark: { order: 3 } } let oKeys = Object.keys(myObject) let tempArray = [] oKeys.forEach(function(key) { tempArray[myObject[key]['order']-1] = key }) console.log(tempArray) 

Answer 4

Here is a solution using lodash .

Use _.map and _.sort for it.

• First, _.map to array of order and name .
• Then, _.sort and _.map name

By using lodash chain, make the code easy to read.

---

 _(myObject)
   .map((v, k) => ({order: v.order, name: k}))
   .sortBy('order')
   .map('name')
   .value()