Làm thế nào để bạn forEach 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 Array

A
B
C

3 của JavaScript để thực thi một hàm trên mọi phần tử trong một mảng

Giới thiệu về phương thức Mảng JavaScript

A
B
C

3

Thông thường, khi muốn thực thi một hàm trên mọi phần tử của một mảng, bạn sử dụng câu lệnh vòng lặp for

Ví dụ: đoạn mã sau hiển thị mọi phần tử của một mảng để điều khiển

let ranks = ['A', 'B', 'C'];
for [let i = 0; i < ranks.length; i++] {
    console.log[ranks[i]];
}
Code language: JavaScript [javascript]

đầu ra

A
B
C

Mảng JavaScript cung cấp phương thức

A
B
C

3 cho phép bạn chạy một hàm trên mọi phần tử

Đoạn mã sau sử dụng phương thức

A
B
C

3 tương đương với đoạn mã trên

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

đầu ra

A
B
C

Phương thức

A
B
C

3 lặp lại các phần tử trong một mảng và thực thi một hàm được xác định trước một lần cho mỗi phần tử

Sau đây minh họa cú pháp của phương thức

A
B
C

  

3

Array.forEach[callback [, thisArg]];
Code language: CSS [css]

Phương thức

A
B
C

3 nhận hai đối số

1] gọi lại

Hàm

A
B
C

4 mà phương thức

A
B
C

3 sử dụng để thực thi trên mọi phần tử

Cuộc gọi lại chấp nhận các đối số sau

• A
  B
  C

  6. là phần tử mảng hiện tại đang được xử lý

• A
  B
  C

  7. chỉ số của

  A
  B
  C

  6 trong mảng

• A
  B
  C

  9. mảng gọi phương thức

  A
  B
  C

  3

A
B
C

7 và

A
B
C

9 là tùy chọn

2] thisArg

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

3 là một giá trị để sử dụng làm giá trị này khi thực hiện gọi lại

Lưu ý rằng hàm

A
B
C

3 trả về

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

5 do đó nó không thể xâu chuỗi như các phương thức lặp khác.

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

6

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

7

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

8

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

9 và

A
B
C

0

Một hạn chế của phương thức

A
B
C

3 so với vòng lặp

A
B
C

2 là bạn không thể sử dụng câu lệnh break hoặc continue để điều khiển vòng lặp

Để kết thúc vòng lặp trong phương thức

A
B
C

3 , bạn phải đưa ra một ngoại lệ bên trong

A
B
C

4< . function.

Thêm ví dụ về phương thức Mảng JavaScript

A
B
C

3

Chúng ta hãy xem một ví dụ về phương pháp

A
B
C

3 sử dụng một

A
B
C

7

Sau đây minh họa hàm xây dựng

A
B
C

8

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

3

Ví dụ này cho thấy cách chuyển đối tượng truy cập sang phương thức

A
B
C

3

let ranks = ['A', 'B', 'C'];

ranks.forEach[function [e] {
    console.log[e];
}];
Code language: JavaScript [javascript]

4

Làm thế nào nó hoạt động

• Đầu tiên, tạo một đối tượng

  A
  B
  C

  8 mới
• Tiếp theo, xác định một mảng gồm ba số
• Sau đó, khai báo một biến

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  1 và gán cho nó một giá trị bằng không
• Sau đó, gọi phương thức

  A
  B
  C

  3 trên mảng

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  3. Trong hàm gọi lại, hãy thêm phần tử vào biến

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  1 và gọi phương thức

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  5 của đối tượng

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  6. Lưu ý rằng đối tượng

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  6 được gọi là

  Array.forEach[callback [, thisArg]];
  Code language: CSS [css]

  8 bên trong hàm gọi lại
• Cuối cùng, ghi lại giá trị của tổng và giá trị hiện tại của bộ đếm trong bảng điều khiển web

Trong hướng dẫn này, bạn đã học cách sử dụng phương thức Array

A
B
C

3 của JavaScript để thực hiện gọi lại trên mọi phần tử của mảng

Có vòng lặp forEach trong JavaScript không?

Làm cách nào để lặp qua vòng lặp forEach trong JavaScript?

Chức năng của forEach[] là gì?

Làm cách nào để chạy vòng lặp forEach chỉ một lần trong JavaScript?