filter () Phương thức mảng trong JavaScript

Phương thức filter() Array tạo ra một mảng mới với các phần tử thuộc một tiêu chí nhất định từ một mảng hiện có:

var numbers = [1, 3, 6, 8, 11];  var lucky = numbers.filter(function(number) {   return number > 7; });  // [ 8, 11 ]

Ví dụ trên lấy mảng numbers và trả về một mảng mới được lọc chỉ với những giá trị lớn hơn bảy.

Bộ lọc cú pháp

var newArray = array.filter(function(item) {   return condition; });

Đối số item là một tham chiếu đến phần tử hiện tại trong mảng khi filter () kiểm tra nó với điều kiện . Điều này rất hữu ích để truy cập thuộc tính, trong trường hợp đối tượng.

Nếu mục hiện tại vượt qua điều kiện, nó sẽ được gửi đến mảng mới.

Lọc một mảng đối tượng

Một trường hợp sử dụng phổ biến của .filter () là với một mảng các đối tượng thông qua các thuộc tính của chúng:

var heroes = [     {name: “Batman”, franchise: “DC”},     {name: “Ironman”, franchise: “Marvel”},     {name: “Thor”, franchise: “Marvel”},     {name: “Superman”, franchise: “DC”} ];  var marvelHeroes =  heroes.filter(function(hero) {     return hero.franchise == “Marvel”; });  // [ {name: “Ironman”, franchise: “Marvel”}, {name: “Thor”, franchise: “Marvel”} ]

Tài nguyên bổ sung

Để biết thêm chi tiết về filter() hãy xem Tham chiếu MDN.

Bộ lọc chỉ là một trong số các phương pháp lặp lại trên Mảng trong JavaScript, hãy đọc Cách sử dụng các phương pháp lặp lại mảng trong JavaScript để tìm hiểu về các phương thức khác như map() và reduce() .

Tags:

Các tin liên quan

Hiểu các hàm mũi tên trong JavaScript
2020-07-31
Cách tạo phần tử kéo và thả với Vanilla JavaScript và HTML
2020-07-27
Hiểu các chữ mẫu trong JavaScript
2020-06-30
Cách sử dụng .map () để lặp lại thông qua các mục mảng trong JavaScript
2020-05-19
Hiểu về cấu trúc hủy, tham số khôi phục và cú pháp trải rộng trong JavaScript
2020-05-12
Cách gỡ lỗi JavaScript với Google Chrome DevTools và Visual Studio Code
2020-05-08
Thanh tiến trình trang với các biến JavaScript và CSS
2020-04-16
Xem xét API JavaScript của trình quan sát thay đổi kích thước
2020-04-16
Xem xét API control panel JavaScript
2020-04-16
Xem xét Đề xuất Nhà điều hành Đường ống JavaScript
2020-04-16