Hàm filter() trong JavaScript

• Trần Ngọc Thanh
• 29
• 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:

Hàm filter() trong JavaScript

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

<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

<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.