javascript,lodash:- how to sort array of objects where object having object inside

Question

var a = [
   {  
        "subObj1": {  
            "key1":10722905,
            "key2":"0080817626"
        },
        "outerKey1":"abcd",
        "outerKey2":"defg"
    },
    {  
        "subObj1": {  
            "key1":123456,
            "key2":"0987654"
        },
        "outerKey1":"pqrs",
        "outerKey2":"ased"
    }
]

i need to sort this array of object using key1 and outerkey1 both separately. That logic is already implemented.

_.sortBy(a,'outerKey1') -> this is working fine.

_.sortBy(a,'key1') -> this is not working.

_.sortBy(a,'subObj1.key1') -> this is also not working.

Is there any way to sort this array of objects with inner key of object like key1 or key2 using lodash _.sortBy function?

@Sagar I am new to lodash. I have tried with _.sortBy by giving different parameters as key1 and subObj1.key1..But its returning me the same object without sorted. — Roshan Joshi
– Roshan Joshi, Commented May 9, 2017 at 9:07
Use listjs.com, it is Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. — Smit
– Smit, Commented May 9, 2017 at 9:07

cнŝdk · Accepted Answer · 2017-05-09 09:39:12Z

1

Using only JavaScript you can use Array.prototype.sort() along with a custom callback fucntion:

var sorted = arr.sort(function(a, b) {
  a.subObj1.key1 - b.subObj1.key1
});

Demo:

var arr = [{
    "subObj1": {
      "key1": 10722905,
      "key2": "0080817626"
    },
    "outerKey1": "abcd",
    "outerKey2": "defg"
  },
  {
    "subObj1": {
      "key1": 123456,
      "key2": "0987654"
    },
    "outerKey1": "pqrs",
    "outerKey2": "ased"
  }
];

var sorted = arr.sort(function(a, b) {
  a.subObj1.key1 - b.subObj1.key1
});

console.log(sorted);

Edit:

If you you wnat to do it with lowdash, you can use _.sortBy() with a custom sorter function:

var customSorter = function(obj) {
  return obj.subObj1.key1;
};
var sorted = _.sortBy(arr, customSorter);

Demo:

var arr = [{
    "subObj1": {
      "key1": 10722905,
      "key2": "0080817626"
    },
    "outerKey1": "abcd",
    "outerKey2": "defg"
  },
  {
    "subObj1": {
      "key1": 123456,
      "key2": "0987654"
    },
    "outerKey1": "pqrs",
    "outerKey2": "ased"
  }
];

var customSorter = function(obj) {
  return obj.subObj1.key1;
};
var sorted = _.sortBy(arr, customSorter);

console.log(sorted);

<script src="http://underscorejs.org/underscore-min.js"></script>

edited May 9, 2017 at 9:39

answered May 9, 2017 at 9:12

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Roshan Joshi Over a year ago

Thanks for the quick answer but I am already using lodash for sorting on other parameters in kind of same function. I dont want to change whole logic only for this sort.Is there any way to do it using lodash?

neaumusic Over a year ago

@RoshanJoshi don't rely on libraries man, javascript does it all, get the app Kapeli Dash and just look up Array.prototype functions which are inherited fallback functions that all arrays have

Roshan Joshi Over a year ago

@neaumusic thanks for the suggestion. I was using that library at many places so didnt want to change it only for one place change. Will keep this in mind.

Roshan Joshi Over a year ago

@chsdk thanks for the custom sorter.Works totally fine.

Collectives™ on Stack Overflow

javascript,lodash:- how to sort array of objects where object having object inside

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related