Hàm lọc mảng javascript

Khi bạn thấy có nhiều tùy chọn khi mua sắm trực tuyến và bạn muốn thu hẹp kết quả tìm kiếm; . Đúng như tên gọi, phương thức lọc sẽ lọc ra các phần tử của một mảng dựa trên điều kiện kiểm tra đã chỉ định. Nó sẽ lặp qua tất cả các phần tử và ngụ ý điều kiện kiểm tra trên chúng. Sau đó, nó sẽ trả về một mảng các phần tử mới sẽ vượt qua điều kiện

Khái niệm cơ bản đến nâng cao - Tìm hiểu tất cả

Giá trị cú pháp và tham số của JavaScript Array Filter[]

Cú pháp của bộ lọc mảng trong JavaScript là

mảng. bộ lọc [callbackFn [mục, chỉ mục, mảng], thisArg]

Trong cú pháp trên

• Gọi lạiFn. Đây là một tham số bắt buộc chứa chức năng gọi lại được cho là sẽ được triển khai trên mỗi phần tử
• Mục. Đó là một tham số bắt buộc chứa phần tử hiện tại đang được xử lý
• Mục lục. Đây là một tham số tùy chọn giữ giá trị chỉ mục của phần tử đang được xử lý với chỉ mục bắt đầu từ 0
• Mảng. Nó là một tham số tùy chọn giữ mảng ban đầu mà phương thức bộ lọc được gọi
• ĐâyArg. Đây là một tham số tùy chọn, khi được thông qua, sẽ giữ giá trị “this” cho mỗi lần gọi. Nếu đối số không được đưa ra, không xác định sẽ được sử dụng làm giá trị mặc định cho từ khóa này

Giá trị trả về. Phương thức lọc mảng JavaScript trả về một phương thức mới chỉ với các phần tử đã vượt qua điều kiện kiểm tra

Bộ lọc mảng JavaScript[] hoạt động như thế nào?

Xem xét ví dụ dưới đây để hiểu cách hoạt động của bộ lọc mảng trong JavaScript. Trong ví dụ này, chúng ta sẽ tạo một mảng với các giá trị nguyên. Tiếp theo, chúng ta sẽ sử dụng phương thức array filter[] để lọc ra các số chẵn và ghi mảng kết quả vào bàn điều khiển

cho num = [3, 6, 7, 12, 18, 23, 44, 62, 81];

hãy để even_num = num. bộ lọc [chức năng [mục] {

trả về mục % 2 == 0;

bảng điều khiển. nhật ký [even_num];

đầu ra

Như bạn có thể thấy ở đầu ra, phương thức lọc mảng chỉ thêm các phần tử chẵn của mảng num vào mảng even_num mới. Bây giờ, hãy hiểu cách thức hoạt động của nó từng bước một

1. Phương thức lọc được khai báo với mục trả về điều kiện kiểm tra % 2 == 0
2. Nó sẽ bắt đầu lặp qua các phần tử của mảng num và vượt qua điều kiện kiểm tra
3. Nếu phần dư của phần tử chia cho 2 bằng 0, nó sẽ thêm phần tử vào mảng mới even_num
4. Sau khi lặp qua tất cả các phần tử, nó sẽ ghi mảng even_num kết quả vào bảng điều khiển

Tìm hiểu Ins & Outs của phát triển phần mềm

Bộ lọc mảng JavaScript[]. ví dụ

Hãy xem thêm một số ví dụ về bộ lọc mảng trong JavaScript để hiểu rõ hơn về khái niệm này

ví dụ 1. Sử dụng bộ lọc mảng trong JavaScript với các hàm mũi tên

Chúng ta có thể sử dụng bộ lọc mảng trong JavaScript để làm cho mã ngắn hơn và dễ hiểu hơn. Trong ví dụ dưới đây, chúng ta sẽ tạo một mảng đối tượng người và lọc ra những đối tượng có tuổi lớn hơn 18

để mọi người = [

{Tên. 'Rachel', tuổi. 24},

{Tên. 'David', tuổi. 16},

{Tên. 'Aakash', tuổi. 23},

{Tên. 'Franklin', tuổi. 26},

{Tên. 'Ricky', tuổi. 17}

];

để người lớn = người. bộ lọc [lớn => lớn. tuổi >= 18];

bảng điều khiển. nhật ký [người lớn];

đầu ra

ví dụ 2. Lọc các số nguyên tố bằng bộ lọc mảng trong JavaScript

Cho đến bây giờ, chúng ta đã thấy các ví dụ khi chúng ta định nghĩa một hàm trong khi khai báo mảng. phương pháp lọc. Lần này, chúng ta sẽ định nghĩa một hàm trước rồi sử dụng nó với phương thức filter để chỉ lọc ra các số nguyên tố cho mảng mới

const myArray = [-5, -4, 1, 3, 7, 12, 13, 15, 17, 21, 23, 25, 27, 30];

hàm findPrime[item]{

for [let x = 2; item > x; x++] {

nếu [mục %x == 0] {

trả về sai;

}

}

trả lại hàng > 1;

}

bảng điều khiển. nhật ký [myArray. bộ lọc [findPrime]];

đầu ra

ví dụ 3. Lọc các giá trị trong một phạm vi bằng cách sử dụng bộ lọc mảng trong JavaScript

Trong ví dụ này, chúng tôi sẽ khai báo một mảng gồm các phần tử khác nhau và sau đó chỉ lọc ra các mục số trong phạm vi đã cho

chức năng trong Phạm vi [mục] {

nếu [loại mục. == 'số'] {

trả về sai;

}

trả lại hàng >= cái này. minRange && item {. }, thisArg]; ReturnValue của chúng tôi sẽ chứa mảng giá trị trả về được lọc mới của chúng tôi.