Bài viết hướng dẫn cách sắp xếp mảng theo thuộc tính đối tượng trong JavaScript. Nội dung phục vụ trong hướng dẫn này như sau.
- Cách sắp xếp mảng theo thuộc tính đối tượng trong JavaScript
- Ví dụ 1: Sắp xếp Mảng theo Thứ tự Bảng chữ cái Sử dụng Thuộc tính Tên trong JavaScript
- Ví dụ 2: Sắp xếp Mảng theo Thứ tự Số Sử dụng Thuộc tính Tuổi trong JavaScript
Làm thế nào để sắp xếp mảng theo thuộc tính đối tượng trong JavaScript?
Các array.sort () phương thức này tạo điều kiện thuận lợi cho việc sắp xếp các phần tử mảng bằng cách sử dụng hàm gọi lại. Hàm gọi lại lặp qua tất cả các phần tử dựa trên thuộc tính đối tượng trong mảng. Mục tiêu của phương pháp này là tính toán tất cả các yếu tố bằng cách đáp ứng các điều kiện do người dùng xác định. Theo mặc định, array.sort () phương thức trả về một chuỗi tăng dần của các phần tử trong mảng hiện có.
Cú pháp
array.sort ( )
Ghi chú : Phương pháp được sử dụng để sắp xếp các phần tử số cũng như theo thứ tự bảng chữ cái.
Ví dụ 1: Sắp xếp Mảng theo Thứ tự Bảng chữ cái Sử dụng Thuộc tính Tên trong JavaScript
Một ví dụ được sử dụng để thực hiện sắp xếp các giá trị mảng thông qua thuộc tính trong JavaScript.
Mã số
console.log ( 'Ví dụ về mảng sắp xếp trong JavaScript' ) ;
giáo viên const = [
{ Tên: 'John' , tuổi tác: 30 } ,
{ Tên: 'Peter' , tuổi tác: 27 } ,
{ Tên: 'Bob' , tuổi tác: 38 }
] ;
giáo viên.sort ( ( x và y ) = > x.name.localeCompare ( y.name ) ) ;
console.log ( giáo viên ) ;
Giải thích về mã được liệt kê dưới đây:
- Một mảng “ giáo viên ”Được tạo ra trong đó Tên và tuổi tác tài sản được lưu trữ.
- Một phương pháp “ localeCompare ”Được điều chỉnh để so sánh Tên
- Các loại() phương thức được sử dụng để gọi một “ localeCompare () ”Để so sánh bảng chữ cái đầu tiên của Tên
- Phương thức này thực hiện lặp qua tất cả các phần tử trong mảng hiện tại.
- cuối cùng console.log () phương thức được sử dụng để hiển thị các giá trị của thuộc tính name theo thứ tự bảng chữ cái.
Đầu ra
Đầu ra trả về mảng được sắp xếp theo thứ tự bảng chữ cái, chẳng hạn như Bob, John, và Peter .
Ví dụ 2: Sắp xếp Mảng theo Thứ tự Số Sử dụng Thuộc tính Tuổi trong JavaScript
Tiếp theo là một ví dụ khác để thực hiện sắp xếp mảng thông qua các thuộc tính đối tượng trong JavaScript.
Mã số
console.log ( 'Ví dụ về mảng sắp xếp trong JavaScript' ) ;nơi objAr = [
{ Tên: 'John' , tuổi tác: 30 } ,
{ Tên: 'Peter' , tuổi tác: 27 } ,
{ Tên: 'Bob' , tuổi tác: 38 }
] ;
đầu ra = objAr.sort ( cmpAge ) ;
hàm số cmpAge ( a, b )
{
trở về a.age - b.age;
}
console.log ( đầu ra ) ;
Trong mã này:
- Một mảng objAr được tạo ra trong đó Tên và tuổi tác tài sản được lưu trữ.
- Sau đó, một phương thức được gọi là cmpAge được sử dụng để so sánh tuổi tác
- Hơn nữa, loại() phương thức được sử dụng để gọi cmpAge () phương pháp so sánh tuổi tác
- Phương pháp đánh giá tất cả các giá trị của tuổi tác thuộc tính trong mảng.
- Cuối cùng, console.log () được sử dụng để hiển thị thuộc tính tuổi theo thứ tự tăng dần.
Đầu ra
Đầu ra hiển thị mảng được sắp xếp bằng cách sử dụng tuổi tác thuộc tính trong JavaScript.
Sự kết luận
Trong JavaScript, phương thức tích hợp sẵn array.sort () được sử dụng để sắp xếp một mảng bằng cách truy cập các thuộc tính của nó. Phương thức sử dụng hàm gọi lại để thực hiện lặp lại qua tất cả các phần tử trong mảng hiện có. Hai ví dụ được minh họa để sắp xếp mảng theo theo thứ tự bảng chữ cái cũng như số gọi món. Do đó, bạn phải hiểu cách sắp xếp một mảng theo thuộc tính của các đối tượng. Hơn nữa, tất cả các trình duyệt nổi tiếng đều hỗ trợ array.sort () phương pháp của JavaScript .