如何使用JavaScript Underscore.js的_.sortBy（）方法通过javascript中的多个键对对象数组进行排序？

Question

I am sorting an object array by multiple keys using the _.sortBy() method of Javascript Underscore.js . I used the first name and last name inside the names object for sorting.

My Code:

var names = [
  { fname: 'Chloe', lname: 'Bennet' },
  { fname: 'Adam', lname: 'Levine' },
  { fname: 'Chris', lname: 'Hemsworth' },
  { fname: 'Justin', lname: 'Bieber' },
  { fname: 'Chloe', lname: 'Moretz' },
  { fname: 'Taylor', lname: 'Swift' }
];

console.log(_.sortBy(someData, 'fname' + ' ' + 'lname')

Expected result:

{ fname: 'Adam', lname: 'Levine' },
{ fname: 'Chloe', lname: 'Bennet' },
{ fname: 'Chloe', lname: 'Moretz' },
{ fname: 'Chris', lname: 'Hemsworth' },
{ fname: 'Justin', lname: 'Bieber' },
{ fname: 'Taylor', lname: 'Swift' }

But it is not sorting the array.

Answer 1

You need to provide function for more complex comparisons:

 var names = [ { fname: 'Chloe', lname: 'Bennet' }, { fname: 'Adam', lname: 'Levine' }, { fname: 'Chris', lname: 'Hemsworth' }, { fname: 'Justin', lname: 'Bieber' }, { fname: 'Chloe', lname: 'Moretz' }, { fname: 'Taylor', lname: 'Swift' } ]; console.log(_.sortBy(names, ({ fname, lname }) => fname + ' ' + lname)) 

 .as-console-wrapper {max-height: 100% !important;} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script> 

Answer 2

According to the documentation:

var names = [
  { fname: 'Chloe', lname: 'Bennet' },
  { fname: 'Adam', lname: 'Levine' },
  { fname: 'Chris', lname: 'Hemsworth' },
  { fname: 'Justin', lname: 'Bieber' },
  { fname: 'Chloe', lname: 'Moretz' },
  { fname: 'Taylor', lname: 'Swift' }
];
console.log(_.sortBy(names, ['fname', 'lname']));

Regards, Vincent

Answer 3

You can try the following:

 var names = [ { fname: 'Chloe', lname: 'Bennet' }, { fname: 'Adam', lname: 'Levine' }, { fname: 'Chris', lname: 'Hemsworth' }, { fname: 'Justin', lname: 'Bieber' }, { fname: 'Chloe', lname: 'Moretz' }, { fname: 'Taylor', lname: 'Swift' } ]; names = _.sortBy(names, (n => n.fname + n.lname)) console.log(names) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.backbone.js"></script> 

Answer 4

I have come up with my answer. Thanks to everyone for giving me idea.

 var names = [ { fname: 'Chloe', lname: 'Bennet' }, { fname: 'Adam', lname: 'Levine' }, { fname: 'Chris', lname: 'Hemsworth' }, { fname: 'Justin', lname: 'Bieber' }, { fname: 'Chloe', lname: 'Moretz' }, { fname: 'Taylor', lname: 'Swift' } ]; console.log( _.sortBy(names , function(value) { return value.fname + ' ' + value.lname; } ) ); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>