How to sort Array by alpha of a specific key inside each object?

Question

Example of my Array =

[{
    name: leon,
    id: 1
}, {
    name: laura
    id: 20003
}, {
    name: anne
    id: 45
}]

Currently in the UI, the array will look like:

leon
laura
anne

How can one use lodash to sort the array by the name keys in alphabetical order?

You don't have to use lodash, you can just use the native Array.prototype.sort function. — Pointy
– Pointy, Commented Jun 23, 2016 at 14:14

Piyush.kapoor · Accepted Answer · 2016-06-23 14:15:27Z

1

_.sortBy(myObjects, 'name');

Name is the sort key here

answered Jun 23, 2016 at 14:15

Piyush.kapoor

6,8311 gold badge25 silver badges21 bronze badges

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

2 Comments

Leon Gaban Over a year ago

Thanks! This is way easier to read and understand than the normal JavaScript way

Leon Gaban Over a year ago

Btw I also just figured out that this works: namesArray = _.orderBy(res, ['name'], ['asc', 'desc']);

Nina Scholz · Accepted Answer · 2016-06-23 14:17:30Z

1

You could use a proper callback.

var array = [{ name: 'leon', id: 1}, { name: 'laura', id: 20003}, { name: 'anne', id: 45}];

array.sort(function (a, b) {
    return a.name.localeCompare(b.name);
});

console.log(array);

answered Jun 23, 2016 at 14:17

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Sergio · Accepted Answer · 2016-06-23 14:18:36Z

1

You do not need lodash to do that...

Just do

var sortedNames = names.sort(function(a, b) {
  return a.name.localeCompare(b.name);
});

jsFiddle: https://jsfiddle.net/p07c4oaa/

Or wrap that in a function like:

function sortBy(obj, key) {
  return obj.sort(function(a, b) {
    return a[key].localeCompare(b[key]);
  });
}

jsFiddle: https://jsfiddle.net/p07c4oaa/1/

edited Jun 23, 2016 at 14:18

answered Jun 23, 2016 at 14:17

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

3 Comments

Sergio Over a year ago

@NinaScholz I used assignment because I have different variable names. But sure without is fine also.

Leon Gaban Over a year ago

Thanks! +1, the reason I was looking for a lodash solution, is because their API is so much easier to reason about quickly by other devs.

Sergio Over a year ago

@LeonGaban no prob. Keep in mind that adding lodash to do such simple task might be overkill and slowing down your app.

brk · Accepted Answer · 2016-06-23 14:21:46Z

0

Not sure of loadash but you can use simple sort method to sort the json array of objects

var arry=[{
    name: 'leon',
    id: 1
}, {
    name: 'laura',
    id: 20003
}, {
    name: 'anne',
    id: 45
}]
var sorted = arry.sort(function(a,b){
return a.name > b.name ? 1:-1
})
// this part just for demo

sorted.forEach(function(item){
document.write('<pre>'+item.name+'</pre>')

})

JSFIDDLE

answered Jun 23, 2016 at 14:21

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

How to sort Array by alpha of a specific key inside each object?

4 Answers 4

2 Comments

Comments

jsFiddle: https://jsfiddle.net/p07c4oaa/

jsFiddle: https://jsfiddle.net/p07c4oaa/1/

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

jsFiddle: https://jsfiddle.net/p07c4oaa/

jsFiddle: https://jsfiddle.net/p07c4oaa/1/

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related