Phương thức JavaScript include () tìm kiếm một mảng cho một mục. Phương thức này trả về True nếu phần tử trong mảng tồn tại. Phương thức filter () cho phép bạn tìm một mục trong danh sách. Không giống như include (), phương thức filter () trả về mục mà bạn đã tìm kiếm.
Bạn có thể muốn tìm hiểu xem mảng đó có chứa một giá trị cụ thể hay không. Ví dụ:bạn có thể có một danh sách các đơn đặt hàng sản phẩm và muốn kiểm tra xem có ai đã đặt mua tủ đầu giường từ cửa hàng của bạn hay không.
Mảng JavaScript chứa
Có hai cách để xác định xem một mảng JavaScript có chứa một mục hay không:
- bao gồm ().
- filter ().
Phương thức include () kiểm tra xem một mục có tồn tại trong mảng hay không và trả về true hay false. filter () tìm một mục trong một mảng và trả về mục đó.
Trong hướng dẫn này, chúng ta sẽ thảo luận về việc sử dụng mảng bao gồm () trong JavaScript để xác định xem một mảng có chứa một phần tử cụ thể hay không. Chúng tôi cũng sẽ thảo luận về cách sử dụng filter () để kiểm tra xem một mảng đối tượng có chứa giá trị hay không.
Mảng Chứa JavaScript:include ()
JavaScript bao gồm () phương thức xác định xem một mảng có chứa một giá trị cụ thể hay không. Bao gồm () phương thức trả về true nếu mục được chỉ định được tìm thấy và sai nếu mục được chỉ định
array_name.includes (element, start_position);
Bao gồm () phương thức chấp nhận hai đối số:
- phần tử
- :Giá trị mà chúng tôi đang tìm kiếm. (bắt buộc)
- start_position:Vị trí chỉ mục trong mảng mà tại đó tìm kiếm sẽ bắt đầu. (tùy chọn)
Phương thức include () có thể trả về một trong hai giá trị:true và false. Những giá trị này được gọi là JavaScript Booleans.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Array.includes () hoạt động theo cách tương tự như String.includes (). Nhưng, Array.includes () tìm kiếm thông qua một mảng đối tượng.
include () JavaScript Ví dụ
Giả sử rằng chúng tôi đang điều hành một quán cà phê. Chúng tôi muốn kiểm tra xem có ai đã đặt bất kỳ loại cà phê espresso nào ngày hôm nay hay không. Chúng tôi có thể sử dụng mã sau để kiểm tra danh sách đơn hàng của ngày hôm nay để xem liệu đơn hàng cà phê espresso đã được đặt chưa:
var todays_orders =['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado']; console.log (todays_orders.includes ('Espresso')); Mã của chúng tôi trả về:false.
Mảng todays_orders không bao gồm giá trị Espresso . Vì vậy, khi bao gồm () của chúng tôi hàm được thực thi, nó trả về giá trị false . Nếu chúng tôi tìm kiếm trong một mảng có phần tử tồn tại, thì include () sẽ trả về true .
Bây giờ, giả sử rằng chúng tôi muốn xem liệu có ai đã gọi một ly latte trong ba đơn hàng gần đây nhất đã được đặt hay không. Chúng tôi có thể sử dụng bao gồm () phương pháp với start_position lập luận để làm như vậy.
Đây là mã chúng tôi sẽ sử dụng:
var todays_orders =['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado']; console.log (todays_orders.includes ('Latte', 3));
Chương trình của chúng tôi trả về:true. Bởi vì một ly latte được đặt hàng sau giá trị chỉ mục 3 trong mảng của chúng tôi, bao gồm () của chúng tôi hàm đã trả về một true giá trị.
Mảng Chứa JavaScript:filter ()
Trong ví dụ trên, chúng tôi đã sử dụng include () để kiểm tra xem một mảng chuỗi có bao gồm một giá trị cụ thể hay không. Nhưng điều gì sẽ xảy ra nếu chúng ta muốn kiểm tra xem một mảng đối tượng có chứa một giá trị cụ thể hay không? Chúng tôi có thể sử dụng bộ lọc () chức năng để thực hiện hành động đó.
Bộ lọc () hàm lặp qua một mảng đối tượng và tìm kiếm một giá trị cụ thể. bộ lọc () nhận vào một đối số:một hàm được sử dụng để tìm kiếm một giá trị. Đây là cú pháp của JavaScript filter () chức năng:
var filterArray =array_name.filter (function (item) {return item;}); Ví dụ về JavaScript filter ()
Chúng tôi có một loạt các đối tượng đặt hàng quán cà phê chứa cả tên của loại cà phê đã đặt và tên của khách hàng.
Chúng tôi muốn kiểm tra xem có ai tên là John Appleseed đã đặt một ly cà phê hôm nay. John là một khách hàng thân thiết và được cho là sẽ được giảm giá cho ly cà phê tiếp theo của anh ấy.
Đoạn mã sau kiểm tra xem John Appleseed đã đặt hàng chưa:
var order =[{drink:'Cappuccino', name:'John Appleseed'}, {drink:'Espresso', name:'Mya Stuart'}, {drink:'Cappuccino', name:'Emma Berry' }]; var check_orders =order.filter (order => (order.name ==="John Appleseed")); console.log (check_orders);
Chương trình của chúng tôi trả về:
[{drink:'Cappuccino', name:'John Appleseed'}]
Đầu tiên, chúng tôi khai báo một mảng có tên là đơn hàng. Phần này lưu trữ danh sách tên của những người đã đặt hàng và đồ uống mà họ đã gọi. Sau đó, chúng tôi khai báo một biến JavaScript có tên là check_orders. Biến này sử dụng filter () chức năng kiểm tra xem có ai tên là John Appleseed đã gọi một ly cà phê hôm nay.
Chúng tôi in ra giá trị của check_orders biến thành bảng điều khiển JavaScript. Vì John Appleseed đã đặt hàng ngày hôm nay, nên hàm của chúng tôi trả về bản ghi đơn đặt hàng của anh ấy. Nếu anh ấy không đặt hàng, chương trình của chúng tôi sẽ không trả lại được gì.
Nếu bạn muốn tìm hiểu thêm về bộ lọc () , hãy xem hướng dẫn của chúng tôi về phương thức JavaScript filter () và Reduce ().
Kết luận
Bao gồm () phương thức kiểm tra xem một giá trị có trong một mảng hay không. Phương thức này trả về true hoặc sai tùy thuộc vào kết quả. Bộ lọc () phương thức xác định xem một mảng đối tượng có chứa một giá trị cụ thể hay không. Phương thức này trả về đối tượng đáp ứng một tiêu chí nhất định nếu nó tồn tại trong mảng.
Bạn có muốn tìm hiểu thêm về JavaScript? Hãy xem hướng dẫn Cách học JavaScript của chúng tôi. Bạn sẽ tìm thấy lời khuyên của chuyên gia và danh sách các khóa học, sách và tài nguyên trực tuyến hàng đầu mà bạn có thể sử dụng để học.