Sắp xếp mảng trong JavaScript: Mọi thứ về Sắp xếp mảng trong JavaScript

Sắp xếp cho phép bạn sắp xếp dữ liệu theo một biểu mẫu bắt buộc. Có nghĩa là, việc truy cập và xử lý dữ liệu này trở nên dễ dàng hơn. Trong bài viết này về ‘Sắp xếp theo mảng trong JavaScript’, chúng ta sẽ khám phá các cách sắp xếp dữ liệu khác nhau trong JavaScript. Chúng tôi sẽ tập trung vào các điểm sau,

• Phương pháp sắp xếp trong JavaScript
• Sắp xếp các giá trị số
• Sắp xếp mảng theo thứ tự tăng dần
• Sắp xếp mảng theo thứ tự giảm dần
• Sắp xếp mảng đối tượng

Vì vậy, chúng ta hãy bắt đầu với chủ đề đầu tiên của bài viết Sắp xếp mảng trong JavaScript này

Sắp xếp mảng trong bài viết JavaScript

Phương pháp sắp xếp trong JavaScript

Phương thức sort () sắp xếp các phần tử có trong mảng cho phù hợp và trả về mảng đã sắp xếp dưới dạng đầu ra cho người dùng. Phương thức tích hợp chuyển đổi từng phần tử có trong mảng thành chuỗi và so sánh chúng theo thứ tự điểm mã Unicode. cài đặt Đầu tiên.

Đoạn mã dưới đây tuân theo cách sắp xếp mảng cơ bản nhất:

các thành phần của nền tảng java là gì?

var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + ' 
')

Đầu ra:

Blues, Jazz, Metal, Pop, Rock

Bây giờ chúng ta hãy tiếp tục với 'Sắp xếp theo mảng trong JavaScript' và xem cách chúng ta có thể sắp xếp các giá trị số,

Sắp xếp các giá trị số

Sắp xếp số dưới dạng chuỗi sẽ tạo ra kết quả sai và không chính xác.

var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + ' 
')

Đầu ra:

10.100,34.45,69,87

Kết quả dường như là hoàn toàn không chính xác. Điều này xảy ra vì mảng số được chuyển đổi thành chuỗi bằng phương thức sort (). Vấn đề có thể được loại bỏ bằng cách sử dụng đối chiếu chức năng.

Cú pháp của hàm như sau:

array.sort ([so sánh chức năng])

Hàm so sánh sắp xếp các phần tử có trong mảng dựa trên các thuộc tính khác nhau và theo một thứ tự khác nhau. Hàm sort () so sánh hai giá trị và gửi các giá trị đến hàm so sánh.Hàm so sánh tuân theo các trường hợp kiểm tra được đưa ra dưới đây:

• Nếu kết quả của việc so sánh hai giá trị (a & b) là tiêu cực , a được sắp xếp trước b.
• Nếu kết quả có vẻ là tích cực , b được sắp xếp trước a.
• Nếu kết quả là 0 , sau đó không thay đổi xuất hiện theo thứ tự sắp xếp của các giá trị a & b.

Trong phần Sắp xếp mảng trong JavaScript này, chúng ta sẽ sắp xếp dữ liệu theo thứ tự tăng dần,

Sắp xếp mảng theo thứ tự tăng dần

Ví dụ sau minh họa quy trình sắp xếp mảng theo thứ tự tăng dần.

var num = [45, 34, 69, 87, 100, 10] num.sort () // Sắp xếp số mảng document.write (num)

Đầu ra:

3,18,25,28,29,69

Tiến xa hơn, hãy để chúng tôi kiểm tra cách sắp xếp các mảng theo thứ tự giảm dần

Sắp xếp mảng theo thứ tự giảm dần

Mảng có thể được sắp xếp theo thứ tự giảm dần theo cách sau:

var num = [3, 25, 18, 28, 69, 29] // Sắp xếp mảng bằng hàm so sánh num.sort (function (a, b) {return a - b}) document.write (num)

Đầu ra:

69,29,28,25,18,3

Chúng tôi thậm chí có thể sắp xếp các mảng đối tượng, hãy xem cách thực hiện điều đó,

Sắp xếp mảng đối tượng

Hàm so sánh có thể được sử dụng để sắp xếp các mảng đối tượng một cách hiệu quả.

var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Sắp xếp theo tên mọi người .sort (function (a, b) {var x = a.name.toLowerCase () // bỏ qua chữ hoa và chữ thường var y = b.name.toLowerCase () // bỏ qua chữ hoa và chữ thường if (xy) {return 1} // các tên phải bằng nhau return 0}) // Vòng qua tất cả các phần tử trong mảng for (var i in people) {// Vòng qua tất cả các thuộc tính trong đối tượng for (var prop in people [i]) {document .write (prop + ':' + people [i] [prop] + ' 
')} document.write ('
')}

Đầu ra:

tên: Alec

tên: Ari

hợp nhất trong c ++

tên: Jeremy

tên: Jonathan

tên: Stephen

Các phương pháp được giải thích trong bài viết chứng minh một cách tỉ mỉ thực tế là hàm sắp xếp được liên kết với hàm so sánh đóng một phần quan trọng trong ngôn ngữ kịch bản.

Với điều này, chúng ta sẽ đến phần cuối của blog này về ‘Sắp xếp theo mảng trong JavaScript’. Tôi hy vọng bạn tìm thấy thông tin này và hữu ích, hãy theo dõi để biết thêm các hướng dẫn về các chủ đề tương tự. Bạn cũng có thể xem chương trình đào tạo của chúng tôi to có được kiến ​​thức chuyên sâu về jQuery cùng với các ứng dụng khác nhau của nó, bạn có thể để được đào tạo trực tuyến trực tiếp với hỗ trợ 24/7 và quyền truy cập trọn đời.

Có một câu hỏi cho chúng tôi? Đề cập đến họ trong phần nhận xét của blog này và chúng tôi sẽ liên hệ lại với bạn.