Hàm sort() trong JavaScript

• Trần Ngọc Thanh
• 356
• 22/08/2025

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:

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 vị trí của các phần tử.

Cú pháp của Hàm sort() trong JavaScript

Mảng bình thường

Sắp xếp số tăng dần:

mang.sort(function(a, b) {
      return a - b; // Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần
});

Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần

mang: Mảng

Sắp xếp số giảm dần:

mang.sort(function(a, b) {
      return b - a; // Sắp xếp cột giá trị của phần tử từ b đến a giảm dần
});

Sắp xếp cột giá trị của phần tử từ b đến a giảm dần

mang: Mảng

Sắp xếp chữ tăng dần:

mang.sort((a, b) => a.localeCompare(b)); // Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần

Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần

mang: Mảng

Sắp xếp chữ giảm dần:

mang.sort((a, b) => b.localeCompare(a)); // Sắp xếp cột giá trị của phần tử từ b đến a giảm dần

Sắp xếp cột giá trị của phần tử từ b đến a giảm dần

mang: Mảng

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

Sắp xếp số tăng dần:

mang.sort(function(a, b) {
      return a.tencotso - b.tencotso; // Sắp xếp cột tencotso Từ a đến b tăng dần
});

Sắp xếp cột tencotso Từ a đến b tăng dần.

tencotso: tên cột chứa giá trị số.

mang: Mảng.

Sắp xếp số giảm dần:

mang.sort(function(a, b) {
      return b.tencotso - a.tencotso; // Sắp xếp cột tencotso Từ b đến a giảm dần
});

Sắp xếp cột tencotso Từ b đến a giảm dần.

tencotso: tên cột chứa giá trị số.

mang: Mảng.

Sắp xếp chữ tăng dần:

mang.sort((a, b) => a.tencotchu.localeCompare(b.tencotchu)); // Sắp xếp cột tencotchu Từ a đến b tăng dần

Sắp xếp cột tencotchu Từ a đến b tăng dần

tencotchu: Cột chứa giá trị chữ.

mang: Mảng.

Sắp xếp chữ giảm dần:

mang.sort((a, b) => b.tencotchu.localeCompare(a.tencotchu)); // Sắp xếp cột tencotchu Từ b đến a giảm dần

Sắp xếp cột tencotchu Từ b đến a giảm dần

tencotchu: Cột chứa giá trị chữ.

mang: Mảng.

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; // Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần
});
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((a, b) => a.localeCompare(b)); // Sắp xếp cột giá trị của phần tử Từ a đến b tăng dần
mangchu.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(); // Mặc định Cột giá trị sắp xếp chữ cái tăng dần
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

Chạy Thử

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; // Sắp xếp cột giá trị của phần tử từ b đến a giảm dần
});
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)); // Sắp xếp cột giá trị của phần tử từ b đến a giảm dần
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 cột'tuoi', từ a đến b, 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 cột'tuoi', từ b đến a, 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)); // Sắp xếp cột'ten', từ a đến b, 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 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)); // Sắp xếp cột'ten', từ b đến a, giảm dần
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.