JavaScript tìm lambda

Nó trở nên ngắn hơn. Nếu hàm chỉ có một câu lệnh và câu lệnh đó trả về một giá trị, bạn có thể bỏ dấu ngoặc và từ khóa

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

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

2

Hàm mũi tên Giá trị trả về theo mặc định

xin chào = [] => "Xin chào thế giới. “;

Tự mình thử »

Ghi chú. Điều này chỉ hoạt động nếu hàm chỉ có một câu lệnh

Nếu bạn có tham số, bạn chuyển chúng vào trong dấu ngoặc đơn

Thực ra nếu bạn chỉ có 1 tham số thôi thì bỏ ngoặc cũng được

Còn về

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

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

3 thì sao?

Việc xử lý của

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

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

3 cũng khác trong hàm mũi tên so với hàm thông thường

Nói tóm lại, với các chức năng mũi tên, không có ràng buộc nào của

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

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

3

Trong các chức năng thông thường, từ khóa

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

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

3 đại diện cho đối tượng được gọi là chức năng, có thể là cửa sổ, tài liệu, nút hoặc bất kỳ thứ gì

Với các chức năng mũi tên, từ khóa

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

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

3 luôn đại diện cho đối tượng đã xác định chức năng mũi tên

Chúng ta hãy xem hai ví dụ để hiểu sự khác biệt

Cả hai ví dụ đều gọi một phương thức hai lần, lần đầu tiên khi tải trang và một lần nữa khi người dùng nhấp vào nút

Ví dụ đầu tiên sử dụng hàm thông thường và ví dụ thứ hai sử dụng hàm mũi tên

Kết quả cho thấy ví dụ đầu tiên trả về hai đối tượng khác nhau [cửa sổ và nút] và ví dụ thứ hai trả về đối tượng cửa sổ hai lần vì đối tượng cửa sổ là "chủ sở hữu" của hàm

Ví dụ

Với một hàm thông thường,

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

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

3 đại diện cho đối tượng gọi hàm

// Hàm thông thường.
hello = function[] {
  tài liệu. getElementById["bản trình diễn"]. innerHTML += cái này;
}

// Đối tượng cửa sổ gọi hàm.
cửa sổ. addEventListener["tải", xin chào];

// Đối tượng button gọi hàm.
tài liệu. getElementById["btn"]. addEventListener["nhấp", xin chào];

Tự mình thử »

Ví dụ

Với chức năng mũi tên

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

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

3 đại diện cho chủ sở hữu của chức năng

// Chức năng mũi tên.
xin chào = [] => {
  tài liệu. getElementById["bản trình diễn"]. innerHTML += cái này;
}

// Đối tượng cửa sổ gọi hàm.
cửa sổ. addEventListener["tải", xin chào];

// Đối tượng button gọi hàm.
tài liệu. getElementById["btn"]. addEventListener["nhấp", xin chào];

Tự mình thử »

Hãy nhớ những điểm khác biệt này khi bạn làm việc với các hàm. Đôi khi hành vi của các hàm thông thường là những gì bạn muốn, nếu không, hãy sử dụng các hàm mũi tên

Hỗ trợ trình duyệt

Bảng sau đây xác định các phiên bản trình duyệt đầu tiên có hỗ trợ đầy đủ cho Hàm mũi tên trong JavaScript

Tóm lược. trong hướng dẫn này, bạn sẽ học cách sử dụng phương thức JavaScript

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

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

0 để tìm kiếm phần tử đầu tiên trong một mảng, đáp ứng một bài kiểm tra

Giới thiệu về phương thức Array find[]

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

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

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

1 hoặc

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

console.log[numbers.find[e => e % 2 == 0]];

  

Code language: JavaScript [javascript]

2. Tuy nhiên, các phương thức này khá hạn chế vì chúng chỉ trả về chỉ số của phần tử khớp đầu tiên

ES6 đã giới thiệu một phương thức mới gọi là

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

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

0 được thêm vào đối tượng

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

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

0

Phương thức

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

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

0 trả về phần tử đầu tiên trong một mảng vượt qua hàm kiểm tra. Sau đây là cú pháp của phương thức

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

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

0

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

Tranh luận

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

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

0 chấp nhận hai đối số. một chức năng gọi lại và một 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]

4 bên trong chức năng

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

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

5

1]

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

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

5

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

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

5 là hàm thực thi từng phần tử của mảng. Phải mất ba đối số

• let numbers = [1, 2, 3, 4, 5];
  
  console.log[numbers.find[e => e % 2 == 0]];
  Code language: JavaScript [javascript]

  8 là phần tử hiện tại

• let numbers = [1, 2, 3, 4, 5];
  
  console.log[numbers.find[e => e % 2 == 0]];
  Code language: JavaScript [javascript]

  9 chỉ mục của phần tử hiện tại

• 2

  0 mảng mà

  let numbers = [1, 2, 3, 4, 5];
  
  console.log[numbers.find[e => e % 2 == 0]];
  Code language: JavaScript [javascript]

  0 được gọi

2]

2

2

2

  

2 là đối tượng được sử dụng như

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

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

4 bên trong

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

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

5

Giá trị trả về

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

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

0 thực thi hàm

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

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

5 cho từng phần tử trong mảng cho đến khi

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

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

5 trả về giá trị trung thực.  

Nếu cuộc gọi lại trả về một giá trị trung thực, thì

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

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

0 ngay lập tức trả về phần tử và ngừng tìm kiếm. Nếu không, nó sẽ trả về

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

50

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

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

51

Các ví dụ về tìm kiếm JavaScript []

Ví dụ sau sử dụng phương thức

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

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

0 để tìm kiếm số chẵn đầu tiên trong một dãy số

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

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

đầu ra

________số 8

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

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

53 và

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

54 như sau

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

5

Đoạn mã sau sử dụng phương pháp

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

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

0 để tìm khách hàng đầu tiên có tín dụng lớn hơn 100

Chúng ta có thể sử dụng biểu thức lambda trong JavaScript không?

Làm cách nào để xác định hàm lambda trong JavaScript?

Làm cách nào để tìm đối tượng cụ thể trong mảng JavaScript?

Làm cách nào để sử dụng tìm kiếm trong JavaScript?