Hướng dẫn what is find function in javascript? - Hàm find trong javascript là gì?

Tóm tắt: Trong hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng phương thức JavaScript find() để tìm kiếm phần tử đầu tiên trong một mảng, thỏa mãn thử nghiệm.: in this tutorial, you will learn how to use the JavaScript find() method to search for the first element in an array, which satisfies a test.

Giới thiệu về phương thức Find () mảng ()

Trong ES5, để tìm một phần tử trong một mảng, bạn sử dụng các phương thức

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.find(e => e % 2 == 0));
Code language: JavaScript (javascript)

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.find(e => e % 2 == 0));
Code language: JavaScript (javascript)

ES6 đã giới thiệu một phương thức mới gọi là find() được thêm vào đối tượng

2

Phương thức find() trả về phần tử đầu tiên trong một mảng vượt qua chức năng kiểm tra. Sau đây cho thấy cú pháp của phương thức find():

find(callback(element[, index[, array]])[, thisArg])
Code language: CSS (css)

Tranh luận

find() chấp nhận hai đối số: hàm gọi lại và giá trị tùy chọn để sử dụng cho

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.find(e => e % 2 == 0));
Code language: JavaScript (javascript)

2

1)

2

6

2

• 2

  9 là yếu tố hiện tại.

• let customers = [{
      name: 'ABC Inc',
      credit: 100
  }, {
      name: 'ACME Corp',
      credit: 200
  }, {
      name: 'IoT AG',
      credit: 300
  }];
  Code language: JavaScript (javascript)

  0 Chỉ số của phần tử hiện tại.

• let customers = [{
      name: 'ABC Inc',
      credit: 100
  }, {
      name: 'ACME Corp',
      credit: 200
  }, {
      name: 'IoT AG',
      credit: 300
  }];
  Code language: JavaScript (javascript)

  1 Mảng mà find() đã được gọi.

2) let customers = [{ name: 'ABC Inc', credit: 100 }, { name: 'ACME Corp', credit: 200 }, { name: 'IoT AG', credit: 300 }];Code language: JavaScript (javascript)3

let customers = [{
    name: 'ABC Inc',
    credit: 100
}, {
    name: 'ACME Corp',
    credit: 200
}, {
    name: 'IoT AG',
    credit: 300
}];
Code language: JavaScript (javascript)

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.find(e => e % 2 == 0));
Code language: JavaScript (javascript)

2

Giá trị trả về

find() thực thi hàm

2

2

Nếu cuộc gọi lại trả về giá trị sự thật, find() sẽ ngay lập tức trả về phần tử và ngừng tìm kiếm. Nếu không, nó trả về undefined.

Nếu bạn muốn tìm chỉ mục của phần tử tìm thấy, bạn có thể sử dụng phương thức

console.log(customers.find(c => c.credit > 100));
Code language: JavaScript (javascript)

Ví dụ về tìm kiếm () JavaScript

Ví dụ sau sử dụng phương thức find() để tìm kiếm số chẵn đầu tiên trong một mảng số:

let numbers = [1, 2, 3, 4, 5];

console.log(numbers.find(e => e % 2 == 0));
Code language: JavaScript (javascript)

Output:

2

Giả sử rằng chúng ta có một danh sách các đối tượng khách hàng với các thuộc tính

console.log(customers.find(c => c.credit > 100));
Code language: JavaScript (javascript)

console.log(customers.find(c => c.credit > 100));
Code language: JavaScript (javascript)

let customers = [{
    name: 'ABC Inc',
    credit: 100
}, {
    name: 'ACME Corp',
    credit: 200
}, {
    name: 'IoT AG',
    credit: 300
}];
Code language: JavaScript (javascript)

Mã sau sử dụng phương thức find() để tìm khách hàng đầu tiên có tín dụng lớn hơn 100.

console.log(customers.find(c => c.credit > 100));
Code language: JavaScript (javascript)

Output:

{ name: 'ACME Corp', credit: 200 }
Code language: CSS (css)

Bản tóm tắt

• Sử dụng phương thức find() để tìm phần tử đầu tiên của một mảng thỏa mãn chức năng thử nghiệm được cung cấp.

Hướng dẫn này có hữu ích không?