Hàm filter() trong JavaScript

• Trần Thị Vân
• 927
• 28/08/2025

Hàm filter() trong JavaScript dùng để tìm các phần tử trong một mảng thỏa điều kiện cần tìm sau đó cho vô một mảng mới, 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 filter() trong JavaScript

Hàm filter() trong JavaScript dùng để tìm các phần tử trong một mảng thỏa điều kiện cần tìm sau đó cho vô một mảng mới.

Code Hàm filter() trong JavaScript

Hàm filter() theo function trong JavaScript

var mang  = [50,29,35,1,20,30,10,40];
// Lọc ra mảng mới chứa các phần tử chia hết cho 2
var mangmoi = mang.filter(function(phantu){
    return (phantu% 2 == 0);
});

<script>
var mang  = [50,29,35,1,20,30,10,40];
// Lọc ra mảng mới chứa các phần tử chia hết cho 2
document.write("<b>Lọc ra mảng mới chứa các phần tử chia hết cho 2</b><br>");
var mangmoi = mang.filter(function(phantu){
    return (phantu% 2 == 0);
});
// Vòng lặp xem các phần tử trong mảng
mangmoi.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});

// Lọc ra mảng mới chứa các phần tử >30
document.write("<b>Lọc ra mảng mới chứa các phần tử >30</b><br>");
var mangmoi2 = mang.filter(function(phantu){
    return (phantu >30);
});
// Vòng lặp xem các phần tử trong mảng
mangmoi2.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Lọc ra mảng mới chứa các phần tử chia hết cho 2
Vị trí 0: 50
Vị trí 1: 20
Vị trí 2: 30
Vị trí 3: 10
Vị trí 4: 40
Lọc ra mảng mới chứa các phần tử >30
Vị trí 0: 50
Vị trí 1: 35
Vị trí 2: 40

Chạy Thử

Hàm filter() không theo function trong JavaScript

var mang  = [50,29,35,1,20,30,10,40];
// Lọc ra mảng mới chứa các phần tử chia hết cho 2
var mangmoi = mang.filter(phantu=>{
    return (phantu% 2 == 0);
});

<script>
var mang  = [50,29,35,1,20,30,10,40];
// Lọc ra mảng mới chứa các phần tử chia hết cho 2
document.write("<b>Lọc ra mảng mới chứa các phần tử chia hết cho 2</b><br>");
var mangmoi = mang.filter(phantu=>{
    return (phantu% 2 == 0);
});
// Vòng lặp xem các phần tử trong mảng
mangmoi.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});

// Lọc ra mảng mới chứa các phần tử >30
document.write("<b>Lọc ra mảng mới chứa các phần tử >30</b><br>");
var mangmoi2 = mang.filter(phantu=>{
    return (phantu >30);
});
// Vòng lặp xem các phần tử trong mảng
mangmoi2.forEach((value, key) => {
document.write("Vị trí "+key+": "+value+"<br>"); 
});
</script>

Kết quả:

Lọc ra mảng mới chứa các phần tử chia hết cho 2
Vị trí 0: 50
Vị trí 1: 20
Vị trí 2: 30
Vị trí 3: 10
Vị trí 4: 40
Lọc ra mảng mới chứa các phần tử >30
Vị trí 0: 50
Vị trí 1: 35
Vị trí 2: 40

Chạy Thử

Lời kết

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