Công ty thiết kế website chuẩn SEO Web Mới
Tìm kiếm
Công ty thiết kế website chuẩn SEO Web Mới

Hàm sort() trong JavaScript

Hàm sort() trong JavaScript dùng để sắp xếp các phần tử có định dạng chữ hoặc số trong mảng theo tăng dần hoặc giảm dần, chi tiết như nào hãy cùng chúng tôi phân tích:

Hàm sort() trong JavaScript

Hàm sort() trong JavaScript

Chức năng của Hàm sort() trong JavaScript

Hàm sort() trong JavaScript dùng để sắp xếp các phần tử có định dạng chữ hoặc số trong mảng theo tăng dần hoặc giảm dần, sau khi sắp xếp thì mảng gốc sẽ cập nhật lại khóa (key).

Code Hàm sort() trong JavaScript

Hàm sort() tăng dần trong JavaScript

<script>
// Sắp xếp số trong mảng tăng dần
document.write("<b>Sắp xếp số trong mảng tăng dần</b><br>"); 
var mang  = new Array(34,44,20,8,10);
mang.sort(function(a, b) {
      return a - b; // Nếu a - b < 0, a đứng trước b; nếu a - b > 0, b đứng trước a
});
mang.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
// Sắp xếp ký tự trong mảng tăng dần
document.write("<b>Sắp xếp ký tự trong mảng tăng dần</b><br>"); 
var mangchu  = new Array("Lực","Dung","Vân","Quỳnh","Hạ");
mangchu.sort();
mangchu.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Sắp xếp số trong mảng tăng dần
Vị trí 0: 8
Vị trí 1: 10
Vị trí 2: 20
Vị trí 3: 34
Vị trí 4: 44
Sắp xếp ký tự trong mảng tăng dần
Vị trí 0: Dung
Vị trí 1: Hạ
Vị trí 2: Lực
Vị trí 3: Quỳnh
Vị trí 4: Vân

Hàm sort() giảm dần trong JavaScript

<script>
// Sắp xếp số trong mảng giảm dần
document.write("<b>Sắp xếp số trong mảng giảm dần</b><br>"); 
var mang  = new Array(34,44,20,8,10);
mang.sort(function(a, b) {
      return b - a; // Nếu a - b > 0, a đứng trước b; nếu a - b < 0, b đứng trước a
});
mang.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
// Sắp xếp ký tự trong mảng giảm dần
document.write("<b>Sắp xếp ký tự trong mảng giảm dần</b><br>"); 
var mangchu  = new Array("Lực","Dung","Vân","Quỳnh","Hạ");
mangchu.sort((a, b) => b.localeCompare(a));
mangchu.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Sắp xếp số trong mảng giảm dần
Vị trí 0: 44
Vị trí 1: 34
Vị trí 2: 20
Vị trí 3: 10
Vị trí 4: 8
Sắp xếp ký tự trong mảng giảm dần
Vị trí 0: Vân
Vị trí 1: Quỳnh
Vị trí 2: Lực
Vị trí 3: Hạ
Vị trí 4: Dung

Chạy Thử

Hàm sort() Mảng đối tượng trong JavaScript

<script>
// Sắp xếp cột tuổi tăng dần trong mảng đối tượng
document.write("<b>Sắp xếp cột tuổi tăng dần trong mảng đối tượng</b><br>"); 
var  mang = [ { ten: "Dung", tuoi: 29 }, { ten: "Vân", tuoi: 28 }, { ten: "Lực", tuoi: 35 } ];
mang.sort(function(a, b) {
      return a.tuoi- b.tuoi; // Sắp xếp theo thuộc tính 'tuoi' tăng dần
});
mang.forEach(function(mangcon, index) {
document.write("Vị trí "+index+": "+mangcon.ten+" "+mangcon.tuoi+" tuổi<br>"); 
});
// Sắp xếp cột tuổi giảm dần trong mảng đối tượng
document.write("<b>Sắp xếp cột tuổi giảm dần trong mảng đối tượng</b><br>"); 
var  mang = [ { ten: "Dung", tuoi: 29 }, { ten: "Vân", tuoi: 28 }, { ten: "Lực", tuoi: 35 } ];
mang.sort(function(a, b) {
      return b.tuoi- a.tuoi; // Sắp xếp theo thuộc tính 'tuoi' giảm dần
});
mang.forEach(function(mangcon, index) {
document.write("Vị trí "+index+": "+mangcon.ten+" "+mangcon.tuoi+" tuổi<br>"); 
});
// Sắp xếp cột tên tăng dần trong mảng đối tượng
document.write("<b>Sắp xếp cột tên tăng dần trong mảng đối tượng</b><br>"); 
var  mang = [ { ten: "Dung", tuoi: 29 }, { ten: "Vân", tuoi: 28 }, { ten: "Lực", tuoi: 35 } ];
mang.sort((a, b) => a.ten.localeCompare(b.ten));
mang.forEach(function(mangcon, index) {
document.write("Vị trí "+index+": "+mangcon.ten+" "+mangcon.tuoi+" tuổi<br>"); 
});
// Sắp xếp cột tên giảm dần trong mảng đối tượng
document.write("<b>Sắp xếp cột tên giảm dần trong mảng đối tượng</b><br>"); 
var  mang = [ { ten: "Dung", tuoi: 29 }, { ten: "Vân", tuoi: 28 }, { ten: "Lực", tuoi: 35 } ];
mang.sort((a, b) => b.ten.localeCompare(a.ten));
mang.forEach(function(mangcon, index) {
document.write("Vị trí "+index+": "+mangcon.ten+" "+mangcon.tuoi+" tuổi<br>"); 
});
</script>

Kết quả:

Sắp xếp cột tuổi tăng dần trong mảng đối tượng
Vị trí 0: Vân 28 tuổi
Vị trí 1: Dung 29 tuổi
Vị trí 2: Lực 35 tuổi
Sắp xếp cột tuổi giảm dần trong mảng đối tượng
Vị trí 0: Lực 35 tuổi
Vị trí 1: Dung 29 tuổi
Vị trí 2: Vân 28 tuổi
Sắp xếp cột tên tăng dần trong mảng đối tượng
Vị trí 0: Dung 29 tuổi
Vị trí 1: Lực 35 tuổi
Vị trí 2: Vân 28 tuổi
Sắp xếp cột tên giảm dần trong mảng đối tượng
Vị trí 0: Vân 28 tuổi
Vị trí 1: Lực 35 tuổi
Vị trí 2: Dung 29 tuổi

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm sort() trong JavaScript.

  • 0 Bình luận
Content Trần Ngọc Thanh
Trần Ngọc Thanh
Content Trần Ngọc Thanh là người viết content có kinh nghiệm nhiều năm tại Web Mới, chuyên viết content bên lĩnh vực website và nhiều lĩnh vực khác
Chia sẻ nội dung đánh giá của bạn về Hàm sort() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
JAVASCRIPT Cơ Bản
JAVASCRIPT Câu lệnh - Vòng lặp
JAVASCRIPT Sự kiện
Kiến thức PHP
Kiến thức về website
Kiến thức SEO website
0398.259.259