Bộ lọc tìm kiếm JavaScript

JavaScript có một số phương thức giúp tìm kiếm và lọc Mảng. Các phương pháp khác nhau tùy thuộc vào việc bạn muốn tìm kiếm bằng cách sử dụng

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

5 hay

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 cũng như việc bạn có cần trả lại

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

1,

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

2 hay

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

3 hay không

Video

Nếu bạn thích xem nội dung này ở dạng video, thì đây là dành cho bạn

Vị ngữ là gì?

Một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 chỉ là một từ ưa thích cho một hàm nhận một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

5 và trả về một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

3 cho dù

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

5 có vượt qua một số điều kiện hay không

Hàm

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

8 là một ví dụ về hàm

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 nhận vào một số và trả về

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

0 nếu số đó là số chẵn

const isEven = number => number % 2 === 0

Tìm kiếm nhiều mục

lọc

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 và trả về một Mảng gồm tất cả các mục phù hợp

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

mọi

cũng tìm kiếm nhiều mục, hãy xem triển khai bên dưới

Tìm mục phù hợp đầu tiên

tìm thấy

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 và trả lại mục phù hợp đầu tiên hoặc

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

3

________số 8

Tìm chỉ mục của mục phù hợp

tìm Index

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 và trả về Chỉ mục hoặc

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

5

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

7

Chỉ số

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

5 [và tùy chọn

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

7] và trả về Chỉ mục hoặc

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

5

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0

cuối cùng IndexOf

giống như

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

9, nhưng tìm kiếm ngược lại

Trả về Boolean nếu tồn tại

Đôi khi bạn chỉ cần biết các mục có khớp hay không

bao gồm

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

5 và trả về

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

0 nếu có ít nhất một mục phù hợp

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

3

mọi

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 và trả về

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

0 nếu tất cả các mục phù hợp

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

6

một số

lấy một

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 và trả về

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.find[isEven] //=> 2
numbers.find[isLessThanZero] //=> undefined

0 nếu có ít nhất một mục phù hợp

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

9Tín chỉ bổ sung

Một số

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

76 cũng bao gồm thông tin bổ sung như

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

2 và

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

78. Đọc tài liệu cho từng phương pháp để khám phá tất cả các tính năng này

Thí dụ

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

3Tóm tắt

JavaScript chứa nhiều phương thức khác nhau để tìm kiếm Mảng. Một số tìm kiếm các mục rõ ràng, trong khi những người khác sử dụng

const numbers = [1, 2, 3, 4, 5]
const isEven = number => number % 2 === 0
const isLessThanZero = number => number < 0numbers.filter[isEven] //=> [2, 4]
numbers.filter[isLessThanZero] //=> []

0 để khớp. Một số phương thức trả về các mục, trong khi những phương thức khác có thể trả về một chỉ mục hoặc Boolean

Hãy chắc chắn để đăng ký cho nhiều video như thế này

Liên kết đăng ký YouTube

Chia sẻ và quản lý các thành phần phản ứng có thể tái sử dụng với Bit

Sử dụng Bit [Github] để chia sẻ, lập tài liệu và quản lý các thành phần có thể tái sử dụng từ các dự án khác nhau. Đó là một cách tuyệt vời để tăng khả năng sử dụng lại mã, tăng tốc độ phát triển và xây dựng các ứng dụng mở rộng quy mô