JavaScript tìm phần tử

Mảng Javascript. Phương thức find[] trong Javascript dùng để lấy giá trị của phần tử đầu tiên trong mảng thỏa mãn điều kiện cho sẵn. Nó kiểm tra tất cả các phần tử của mảng và phần tử nào đầu tiên thỏa mãn điều kiện sẽ được in. Hàm này sẽ không hoạt động với hàm có các phần tử mảng trống và cũng không thay đổi mảng ban đầu

cú pháp

array.find[function[currentValue, index, arr],thisValue];

Thông số. Phương thức này chấp nhận 5 tham số như đã đề cập ở trên và được mô tả bên dưới

• hàm số. Đó là chức năng của mảng hoạt động trên từng phần tử
• giá trị hiện tại. Tham số này giữ phần tử hiện tại
• mục lục. Nó là một tham số tùy chọn chứa chỉ mục của phần tử hiện tại
• mảng. Nó là một tham số tùy chọn giữ đối tượng mảng mà phần tử hiện tại thuộc về
• giá trị này. Tham số này là tùy chọn. Nếu một giá trị được truyền cho hàm được sử dụng làm giá trị “this” của nó, nếu không, giá trị “undefined” sẽ được truyền dưới dạng giá trị “this” của nó

Giá trị trả về. Nó trả về giá trị phần tử mảng nếu bất kỳ phần tử nào trong mảng thỏa mãn điều kiện, ngược lại nó trả về không xác định

Chúng ta sẽ hiểu khái niệm về phương thức find[] trong Javascript Array thông qua các ví dụ

ví dụ 1. Ví dụ dưới đây minh họa phương thức Array find[] của JavaScript để tìm một số dương

Javascript

0.3

0

0.3

1

0.3

2

0.3

1

0.3

4

0.3

5

0.3

0

0.3

1

0.3

2

0.3

1

0.3

4

0.3

5

0.3

6

0.3

7

0.3

8

0.3

9

30

0

0.3

1

30

2

0.3

0

0.3

1

30

5

0.3

1

30

7

30

8

đầu ra

0.3

ví dụ 2. Ở đây, mảng. Phương thức find[] trong JavaScript trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn phương thức kiểm tra được cung cấp

Javascript

0.3

0

0.3

1

0.3

2

0.3

1

0.3

4

0.3

54

0.3

0

0.3

1

0.3

57

0.3

1

0.3

4

0.3

5

0.3

6

0.3

7

0.3

8

0.3

9

0.3

05

0.3

1

30

2

0.3

0

0.3

1

30

5

0.3

11

30

7

30

8

đầu ra

________số 8

ví dụ 3. Trong ví dụ này, bất cứ khi nào chúng ta cần lấy giá trị của phần tử đầu tiên trong mảng thỏa mãn phương thức kiểm tra được cung cấp tại thời điểm đó, chúng ta sử dụng arr. phương thức find[] trong JavaScript.  

JavaScript

0.3

0

0.3

1

0.3

2

0.3

1

0.3

4

0.3

19

0.3

0

0.3

1

0.3

22

0.3

1

0.3

4

0.3

5

0.3

6

0.3

7

0.3

8

0.3

9

0.3

10

0.3

1

30

2

0.3

0

0.3

1

30

5

0.3

1

30

7

30

8

đầu ra

0.3

5

Chúng tôi có một danh sách đầy đủ các phương thức Mảng Javascript, để kiểm tra những phương thức đó, vui lòng xem qua bài viết tham khảo đầy đủ Mảng Javascript này

Trình duyệt được hỗ trợ. Các trình duyệt được hỗ trợ bởi phương thức Array find[] của JavaScript được liệt kê bên dưới

• Google Chrome 45. 0
• Microsoft Cạnh 12. 0
• Mozilla Firefox 25. 0
• Safari7. 1
• Opera 32. 0

Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua Javascript Cheat Sheet-Hướng dẫn cơ bản về JavaScript.  

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Có nhiều phương thức khác nhau trong JavaScript mà bạn có thể sử dụng để tìm kiếm một mục trong một mảng. Phương pháp bạn chọn tùy thuộc vào trường hợp sử dụng cụ thể của bạn

Chẳng hạn, bạn có muốn lấy tất cả các mục trong một mảng đáp ứng một điều kiện cụ thể không?

Đối với tất cả các trường hợp sử dụng này, Mảng của JavaScript. phương pháp nguyên mẫu có bạn bảo hiểm. Trong bài viết này, chúng ta sẽ thảo luận về bốn phương pháp chúng ta có thể sử dụng để tìm kiếm một mục trong một mảng. Những phương pháp này là

1. Lọc
2. Tìm thấy
3. Bao gồm
4. Chỉ số

Hãy thảo luận về từng người trong số họ

Mảng. lọc[]

Chúng ta có thể sử dụng Mảng. phương thức filter[] để tìm các phần tử trong một mảng đáp ứng một điều kiện nhất định. Chẳng hạn, nếu chúng ta muốn lấy tất cả các mục trong một mảng các số lớn hơn 10, chúng ta có thể làm điều này

0.3

1

Cú pháp sử dụng mảng. phương thức filter[] như sau

0.3

2

ở đâu

• 0.3

  08 là mảng mới được trả về

• 0.3

  20 là mảng mà phương thức lọc được gọi

• 0.3

  21 là hàm gọi lại được áp dụng cho từng phần tử của mảng

Nếu không có mục nào trong mảng đáp ứng điều kiện, một mảng trống sẽ được trả về. Bạn có thể đọc thêm về phương pháp này tại đây

Có những lúc chúng ta không cần tất cả các yếu tố đáp ứng một điều kiện nhất định. Chúng ta chỉ cần một phần tử phù hợp với điều kiện. Trong trường hợp đó, bạn cần phương thức find[]

Mảng. tìm thấy[]

Chúng tôi sử dụng Mảng. phương thức find[] để tìm phần tử đầu tiên đáp ứng một điều kiện nhất định. Cũng giống như phương thức lọc, nó nhận một hàm gọi lại làm đối số và trả về phần tử đầu tiên đáp ứng điều kiện gọi lại

Hãy sử dụng phương thức find trên mảng trong ví dụ trên

0.3

5

Cú pháp của mảng. tìm[] là

0.3

6

Hàm gọi lại là hàm được thực thi trên từng giá trị trong mảng và nhận ba đối số

• 0.3

  22 - phần tử được lặp lại trên [bắt buộc]

• 0.3

  23 - chỉ mục/vị trí của phần tử hiện tại [tùy chọn]

• 0.3

  20 - mảng mà

  0.3

  25 đã được gọi [tùy chọn]

Tuy nhiên, lưu ý rằng nếu không có mục nào trong mảng đáp ứng điều kiện, nó sẽ trả về

0.3

26

Tuy nhiên, nếu bạn muốn kiểm tra xem một phần tử nào đó có trong một mảng hay không thì sao?

Mảng. bao gồm[]

Phương thức bao gồm [] xác định xem một mảng có bao gồm một giá trị nhất định hay không và trả về đúng hay sai khi thích hợp

Vì vậy, trong ví dụ trên, nếu chúng ta muốn kiểm tra xem 20 có phải là một trong các phần tử của mảng hay không, chúng ta có thể làm điều này

0.3

2

Bạn sẽ nhận thấy sự khác biệt giữa phương pháp này và các phương pháp khác mà chúng tôi đã xem xét. Phương thức này chấp nhận một giá trị thay vì gọi lại làm đối số. Đây là cú pháp cho phương thức bao gồm

0.3

3

Ở đâu

• 0.3

  27 là giá trị bạn đang kiểm tra trong mảng [bắt buộc] và

• 0.3

  28 là chỉ mục hoặc vị trí trong mảng mà bạn muốn bắt đầu tìm kiếm phần tử từ đó [tùy chọn]

Để có khái niệm về chỉ mục, hãy xem lại ví dụ của chúng tôi. Nếu chúng ta muốn kiểm tra xem mảng có chứa 10 ở các vị trí khác ngoài phần tử đầu tiên hay không, chúng ta có thể làm điều này

0.3

6

Mảng. Chỉ số[]

Phương thức indexOf[] trả về chỉ mục đầu tiên mà tại đó có thể tìm thấy một phần tử đã cho trong một mảng. Nó trả về -1 nếu phần tử không tồn tại trong mảng

Hãy quay lại ví dụ của chúng ta. Hãy tìm chỉ số của 3 trong mảng

0.3

7

Cú pháp của nó tương tự như cú pháp của phương thức

0.3

29

0.3

9

Ở đâu

• 0.3

  22 là phần tử bạn đang kiểm tra trong mảng [bắt buộc] và

• 0.3

  28 là chỉ mục hoặc vị trí trong mảng mà bạn muốn bắt đầu tìm kiếm phần tử từ đó [tùy chọn]

Điều quan trọng cần lưu ý là cả hai phương thức

0.3

29 và

0.3

53 đều sử dụng đẳng thức nghiêm ngặt [ '===' ] để tìm kiếm mảng. Nếu các giá trị thuộc các loại khác nhau [ví dụ: '4' và 4], chúng sẽ trả về

0.3

54 và

0.3

55 tương ứng

Bản tóm tắt

Với các phương thức mảng này, bạn không cần sử dụng vòng lặp for để tìm kiếm một mảng. Tùy thuộc vào những gì bạn cần, bạn có thể quyết định phương pháp nào phù hợp nhất cho trường hợp sử dụng của mình

Dưới đây là tóm tắt về thời điểm sử dụng từng phương pháp

• Sử dụng

  0.3

  56 nếu bạn muốn tìm tất cả các mục trong một mảng đáp ứng một điều kiện cụ thể
• Sử dụng

  0.3

  25 nếu bạn muốn kiểm tra xem ít nhất một mặt hàng có đáp ứng một điều kiện cụ thể hay không
• Sử dụng

  0.3

  29 nếu bạn muốn kiểm tra xem một mảng có chứa một giá trị cụ thể không
• Sử dụng

  0.3

  53 nếu bạn muốn tìm chỉ mục của một mục cụ thể trong một mảng

Bạn muốn được thông báo khi tôi xuất bản một bài viết mới?

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Sarah Chima Atuonwu

Tôi là một kỹ sư phần mềm quan tâm đến việc làm cho tất cả mọi người có thể truy cập web. Tôi thích chia sẻ kiến ​​thức nên tôi viết về những điều tôi học được và những điều tôi cần học

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 nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có việc làm với tư cách là nhà phát triển. Bắt đầu

Làm cách nào để tìm một phần tử trong mảng JavaScript?

Làm cách nào để tìm phần tử trên trang bằng JavaScript?

Làm cách nào để tìm phần tử DOM trong JavaScript?

Làm cách nào để lấy phần tử div trong JavaScript?