Home > Web Front-end > JS Tutorial > How do I sort an array of objects by first name in JavaScript?

How do I sort an array of objects by first name in JavaScript?

Barbara Streisand
Release: 2024-11-21 01:07:12
Original
772 people have browsed it

How do I sort an array of objects by first name in JavaScript?

Sorting an Array by First Name in JavaScript

In JavaScript, sorting an array by a specific property requires a sorting function. This code demonstrates how to sort an array by the "firstname" property in alphabetical order:

var userArray = [{
  firstname: "Anna",
  lastname: "Nickson",
  email: "user@example.com"
}, {
  firstname: "Bob",
  lastname: "Smith",
  email: "bob@example.com"
}, {
  firstname: "Carol",
  lastname: "Jones",
  email: "carol@example.com"
}];

// Sort the array by "firstname" using localeCompare
userArray.sort((a, b) => a.firstname.localeCompare(b.firstname));

console.log(userArray); // Output: [{firstname: "Anna", ..., {firstname: "Bob", ..., {firstname: "Carol", ...}
Copy after login

Here's a breakdown of the code:

  • Array.sort() Method: This method allows you to sort an array. It takes a sorting function as its argument.
  • Sorting Function (a, b) => a.firstname.localeCompare(b.firstname):

    • The arrow function compares two objects, a and b, and returns a negative value if a.firstname is less than b.firstname, a positive value if a.firstname is greater, or 0 if they are equal.
    • localeCompare() is a string method that compares two strings using the current locale. It ensures the correct sorting order for different locales.
  • Sorting the Array: The sort method applies the sorting function to each pair of elements in the array, effectively sorting the array by "firstname" in alphabetical order.

The above is the detailed content of How do I sort an array of objects by first name in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template