How can I JavaScript sort alphabetically by firstname in an array of objects?

General Discussions
#1

How can I JavaScript sort alphabetically by first name in an array of objects? I have an array that includes objects like this:

var user = {
bio: null,
email: "user@domain.example",
firstname: "Anna",
id: 318,
lastAvatar: null,
lastMessage: null,
lastname: "Nickson",
nickname: "anny"
};

What’s the best way to sort this array by the firstname property?

#2

You can directly use the sort method to compare the firstname properties of the objects. Here’s how to do it:

var users = [
{ firstname: "Anna", lastname: "Nickson" },
{ firstname: "John", lastname: "Doe" },
{ firstname: "Zara", lastname: "Ali" }
];
users.sort(function(a, b) {
return a.firstname.localeCompare(b.firstname);
});
console.log(users);
#3

If you’re using ES6 or later, you can achieve the same result with an arrow function:

var users = [
{ firstname: "Anna", lastname: "Nickson" },
{ firstname: "John", lastname: "Doe" },
{ firstname: "Zara", lastname: "Ali" }
];
users.sort((a, b) => a.firstname.localeCompare(b.firstname));
console.log(users);
#4

If you want to sort the array upon creation, you can use the sort method right after defining the array:

var users = [
{ firstname: "Anna", lastname: "Nickson" },
{ firstname: "John", lastname: "Doe" },
{ firstname: "Zara", lastname: "Ali" }
].sort((a, b) => a.firstname.localeCompare(b.firstname));
console.log(users);