Bộ lọc mảng JavaScript
Phương thức Show
Cách thức hoạt động của phương thức Tất cả chúng ta đều làm điều này hàng ngày, cho dù chúng ta đang đọc sách, chọn bạn bè hay vợ/chồng, chọn xem bộ phim nào, v.v. Phương thức Array.filter() của JavaScriptPhương thức
Phương thức bộ lọc tạo một mảng mới và trả về tất cả các mục vượt qua điều kiện được chỉ định trong hàm gọi lại Cách sử dụng Phương thức filter() trong JavaScriptTrong các ví dụ sau, tôi sẽ trình bày cách bạn có thể sử dụng phương thức filter() Ví dụ 1. Cách lọc các mục ra khỏi một mảngTrong ví dụ này, chúng tôi lọc ra mọi người là trẻ mới biết đi (có độ tuổi từ 0 đến 4 )
filter() Ví dụ 2. Cách lọc ra các mục dựa trên một thuộc tính cụ thểTrong ví dụ này, chúng tôi sẽ chỉ lọc ra các thành viên trong nhóm là nhà phát triển
Trong ví dụ trên, chúng tôi đã lọc ra các nhà phát triển. Nhưng nếu chúng ta muốn lọc ra mọi thành viên không phải là nhà phát triển thì sao? chúng ta có thể làm điều này
filter() Ví dụ 3. Cách truy cập thuộc tính chỉ mụcĐây là một cuộc thi. Trong cuộc thi này, có ba người chiến thắng. Người về nhất được huy chương vàng, người thứ hai được huy chương bạc, người thứ ba được huy chương đồng Bằng cách sử dụng 0 và truy cập thuộc tính 2 của mọi mục trong mỗi lần lặp, chúng tôi có thể lọc ra từng mục trong số ba mục chiến thắng thành các biến khác nhau
filter() Ví dụ 4. Cách sử dụng tham số mảngMột trong những cách sử dụng phổ biến nhất của tham số thứ ba (mảng) là kiểm tra trạng thái của mảng đang được lặp lại. Ví dụ, chúng ta có thể kiểm tra xem còn một phần tử nào khác trong mảng không. Tùy thuộc vào kết quả, chúng tôi có thể chỉ định rằng những điều khác nhau sẽ xảy ra Trong ví dụ này, chúng ta sẽ định nghĩa một mảng gồm bốn người. Tuy nhiên, vì chỉ có thể có ba người chiến thắng nên người thứ tư trong danh sách sẽ phải giảm giá Để có thể làm được điều này, chúng ta cần lấy thông tin về mảng mục tiêu trên mỗi lần lặp Rất tiếc, xin lỗi DavidCách sử dụng đối tượng bối cảnhNgoài chức năng gọi lại, phương thức
Đối tượng này sau đó có thể được tham chiếu từ bên trong hàm gọi lại bằng cách sử dụng tham chiếu từ khóa 4filter() Ví dụ 5. Cách truy cập đối tượng bối cảnh với let team = [ { name: "aaron", position: "developer" }, { name: "beth", position: "ui designer" }, { name: "cara", position: "developer" }, { name: "daniel", position: "content manager" }, { name: "ella", position: "cto" }, { name: "fin", position: "backend engineer" }, { name: "george", position: "developer" }, ] let nondevelopers = team.filter(member => member.position !== "developer") console.log(nondevelopers) /* [ { name: "beth", position: "ui designer" }, { name: "daniel", position: "content manager" }, { name: "ella", position: "cto" }, { name: "fin", position: "backend engineer" } ] */4Điều này sẽ tương tự như 7. Chúng tôi sẽ lọc ra mọi người trong độ tuổi từ 13 đến 19 (thanh thiếu niên)Tuy nhiên, chúng tôi sẽ không mã hóa cứng các giá trị bên trong hàm gọi lại. Thay vào đó, chúng tôi sẽ xác định các giá trị 13 và 19 này dưới dạng các thuộc tính bên trong đối tượng 8, sau đó chúng tôi sẽ chuyển vào ____6_______0 dưới dạng đối tượng ngữ cảnh (tham số thứ hai)
Chúng tôi đã chuyển đối tượng 8 làm đối số thứ hai cho filter() . Tại thời điểm đó, nó đã trở thành đối tượng bối cảnh của chúng tôi. Do đó, chúng tôi có thể truy cập phạm vi trên và dưới trong chức năng gọi lại của mình với tham chiếu 2 và 3 tương ứngkết thúcPhương thức mảng Ngoài chức năng gọi lại, phương thức 0 cũng có thể lấy một đối tượng ngữ cảnh làm đối số thứ hai. Điều này sẽ cho phép bạn truy cập bất kỳ thuộc tính nào của nó từ chức năng gọi lại bằng cách sử dụng 4Tôi hy vọng bạn có một cái gì đó hữu ích từ bài viết này Nếu bạn muốn tìm hiểu thêm về Phát triển Web, vui lòng truy cập Blog của tôi Cảm ơn bạn đã đọc và hẹn gặp lại P/S. Nếu bạn đang học JavaScript, tôi đã tạo một Sách điện tử dạy 50 chủ đề về JavaScript bằng các ghi chú kỹ thuật số được vẽ bằng tay. Kiểm tra nó ra ở đây QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Giúp bạn học cách viết mã một hướng dẫn tại một thời điểm. Người sáng tạo và doanh nhân trực tuyến Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu |