ForEach khác với for Loop trong TypeScript như thế nào?

Foreach Khac Voi For Loop Trong Typescript Nhu The Nao



Trong TypeScript, “ cho mỗi ' Và ' ” vòng lặp là hai cách tiếp cận thay thế để lặp qua các mảng hoặc các đối tượng có thể lặp lại. Trong khi cả hai kỹ thuật lặp qua các mục của một mảng, chúng khác nhau về cú pháp và chức năng. Vòng lặp “for” là một vòng lặp có mục đích chung có thể thực thi bất kỳ thao tác nào trên từng phần tử mảng, nhưng phương thức “forEach” được thiết kế dành riêng cho việc lặp qua các mảng và thực thi một hàm cho từng phần tử.

Bài viết này sẽ chứng minh forEach khác với vòng lặp for trong TypeScript như thế nào.

Vòng lặp “forEach” khác với vòng lặp “for” trong TypeScript như thế nào?

Trong TypeScript, “ cho mỗi ' Và ' ” vòng lặp là hai kỹ thuật khác nhau để lặp qua mảng hoặc các đối tượng có thể lặp khác. Sự khác biệt chính giữa cả hai loại này là vòng lặp “for” là vòng lặp có mục đích chung cho phép thực hiện bất kỳ thao tác nào trên các phần tử mảng, trong khi “forEach” là một phương thức được thiết kế đặc biệt để lặp qua các mảng và thực thi một hàm cho từng phần tử. yếu tố. Một số khác biệt phổ biến sẽ thảo luận trong bảng đã cho:







cho mỗi cho vòng lặp
Cú pháp của forEach ngắn gọn và dễ đọc hơn. vòng lặp for có cú pháp phức tạp hơn forEach, điều này có thể khiến chúng khó đọc và khó hiểu hơn.
Nó thường hiệu quả hơn so với sử dụng vòng lặp for, đặc biệt đối với các mảng lớn hơn. Hiệu suất tổng thể tốt hơn nhưng ít hơn forEach.
forEach được thiết kế rõ ràng để thực thi một chức năng trên từng phần tử. Nó có thể thực hiện bất kỳ thao tác nào trên từng phần tử của một mảng.
Nó kém linh hoạt hơn so với vòng lặp for. vòng lặp for linh hoạt hơn forEach.

Trước khi tiến hành triển khai thực tế, hãy nhớ rằng để thực thi tệp TypeScript, tệp đó phải được dịch mã thành tệp JavaScript và sau đó chạy mã JavaScript trên thiết bị đầu cuối bằng cách sử dụng các lệnh đã cho:



tên tệp tsc.ts
tên tệp nút.js

“ForEach” hoạt động như thế nào trong TypeScript?

Các ' cho mỗi ” là một phương thức dựng sẵn trong TypeScript cho phép chúng ta lặp qua một mảng và thực thi một hàm trên từng phần tử mảng.



cú pháp
Cú pháp sau đây được sử dụng cho vòng lặp forEach:





cho mỗi ( gọi lạiFunc )

Ví dụ
Tạo một mảng các số lẻ:

const số lẻ = [ 1 , 3 , 5 , 7 , 9 , mười một ] ;

Lặp lại mảng và in các phần tử mảng trên bàn điều khiển bằng phương thức forEach:



lẻNumbers.forEach ( ( con số ) = > {
bảng điều khiển.log ( con số ) ;
} ) ;

đầu ra

]

Vòng lặp “for” hoạt động như thế nào trong TypeScript?

MỘT ' ” vòng lặp là một vòng lặp tiêu chuẩn. Nó cho phép lặp qua một tập hợp các mục và thực hiện một số hành động/thao tác trên từng mục.

cú pháp
Cú pháp đã cho được sử dụng cho vòng lặp “for”:

( giá trị ban đầu, điều kiện cụ thể, bước tăng ) {
// cơ thể vòng lặp
}

Ví dụ
Lặp lại mảng được tạo ở trên bằng cách sử dụng vòng lặp for và hiển thị các phần tử mảng trên bàn điều khiển:

( cho phép tôi = 0 ; Tôi < lẻNumbers.length; tôi ++ ) {
bảng điều khiển.log ( những số lẻ [ Tôi ] ) ;
}

đầu ra

Chúng tôi đã biên soạn tất cả các hướng dẫn cần thiết liên quan đến sự khác biệt giữa vòng lặp forEach và vòng lặp for trong TypeScript.

Phần kết luận

Các ' cho mỗi ' Và ' ” vòng lặp là hai kỹ thuật khác nhau để lặp qua mảng hoặc các đối tượng có thể lặp khác. Mặc dù cả hai cách tiếp cận đều lặp qua các phần tử mảng, nhưng chúng khác nhau về cú pháp và chức năng. Sự khác biệt chính giữa cả hai loại này là vòng lặp “for” là vòng lặp có mục đích chung cho phép thực hiện bất kỳ thao tác nào trên các phần tử mảng, trong khi “forEach” là một phương thức được thiết kế rõ ràng để lặp qua các mảng và thực thi một hàm cho từng phần tử. yếu tố. Bài viết này đã trình bày cách forEach khác với vòng lặp for trong TypeScript.