Giải thích phương thức Filter() trong JavaScript, ví dụ

Phương thức filter() trong JavaScript được sử dụng để tạo một mảng mới chứa các phần tử từ mảng ban đầu mà thỏa mãn một điều kiện nhất định. Nói cách khác, filter() cho phép bạn “lọc” mảng theo một tiêu chí xác định.

Cách Hoạt Động:

• Bạn cung cấp một hàm (gọi là “callback function”) cho filter().
• Hàm này được thực thi một lần cho mỗi phần tử trong mảng.
• Nếu hàm trả về true, phần tử đó sẽ được bao gồm trong mảng mới.
• Nếu hàm trả về false, phần tử đó sẽ bị loại bỏ khỏi mảng mới.

Ví dụ Minh Họa:

Giả sử bạn có một mảng số và bạn muốn tạo một mảng mới chỉ chứa các số lớn hơn 10.

let numbers = [4, 11, 42, 6, 19];

Bạn có thể sử dụng filter() như sau:

let filteredNumbers = numbers.filter(function(number) {
    return number > 10;
});

Hoặc sử dụng arrow function cho gọn gàng hơn:

let filteredNumbers = numbers.filter(number => number > 10);

Kết quả của filteredNumbers sẽ là:

[11, 42, 19]

Trong ví dụ này, hàm callback number => number > 10 kiểm tra xem mỗi số trong mảng numbers có lớn hơn 10 hay không. Nếu có, số đó sẽ được thêm vào mảng filteredNumbers. Do đó, mảng mới chỉ chứa các số 11, 42 và 19, vì chỉ có những số này thỏa mãn điều kiện lớn hơn 10.