Vòng lặp For-Each hoạt động như thế nào trong TypeScript?

Vong Lap For Each Hoat Dong Nhu The Nao Trong Typescript



Việc lặp lại các phần tử của một mảng hoặc đối tượng có thể lặp lại khác là một thao tác lập trình phổ biến và TypeScript cung cấp một cách dễ dàng để thực hiện việc này với vòng lặp “For-Each” được triển khai bằng phương thức “forEach()”. Nó cho phép thực thi một khối mã cho từng phần tử trong một mảng hoặc đối tượng có thể lặp lại mà không phải lo lắng về chỉ mục hoặc độ dài của mảng. Điều này làm cho nó trở thành một công cụ hữu ích để lọc, ánh xạ và chuyển đổi dữ liệu.

Hướng dẫn này sẽ minh họa hoạt động của vòng lặp For-Each trong TypeScript.

Vòng lặp For-Each hoạt động như thế nào trong TypeScript?

Trong TypeScript, “ Cho mỗi ” vòng lặp được thực hiện với 'cho mỗi() ”, là phương thức được xác định trước của đối tượng Array. Nó được sử dụng để lặp qua các phần tử mảng hoặc các đối tượng có thể lặp khác. Nó chấp nhận một hàm gọi lại làm đối số của nó, được thực thi cho mọi phần tử trong mảng.







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



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

Ở đây, “callbackFunc” là hàm được sử dụng để kiểm tra từng phần tử trong một mảng.



Ví dụ: sử dụng cú pháp trên như:





mảng.forEach ( chức năng ( giá trị ) {
// mã để thực thi từng phần tử
} ) ;

Ví dụ
Trong ví dụ sau, chúng ta có một mảng kiểu chuỗi tên là “ chỉ ”:

cho phép lang: chuỗi [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Gọi phương thức forEach() dưới dạng vòng lặp For-Each để lặp lại mảng và hiển thị từng phần tử của mảng tại bàn điều khiển:



lang.forEach ( chức năng ( giá trị ) {
bảng điều khiển.log ( giá trị ) ;
} ) ;

Dịch mã tệp TypeScript bằng lệnh “tsc”:

tsc forEachLoop.ts

Mã hiện đã được chuyển đổi thành JavaScript, bây giờ chúng tôi sẽ thực thi tệp JavaScript bằng lệnh đã cho:

nút forEachLoop.js

Đầu ra chỉ ra rằng các phần tử mảng đã được hiển thị thành công trên bàn điều khiển bằng cách lặp lại mảng bằng vòng lặp For-Each:

Vòng lặp “For-Each” không chỉ được sử dụng cho mảng; nó cũng có thể được sử dụng với bất kỳ đối tượng có thể lặp lại nào. Ở đây, chúng tôi sẽ lặp lại đối tượng có tên “ thông tin giờ ” có ba cặp khóa-giá trị:

cho phép stdInfo = {
nhận dạng : 5 ,
tên: 'Mily' ,
tuổi: mười lăm
} ;

Lặp lại đối tượng bằng cách sử dụng vòng lặp For-Each với phương thức Object.keys() để in các thuộc tính của đối tượng với các giá trị được liên kết của chúng:

Object.keys ( thông tin giờ ) .cho mỗi ( chức năng ( chìa khóa ) {
bảng điều khiển.log ( phím + ':' + thông tin giờ [ chìa khóa ] ) ;
} ) ;

đầu ra

Đó là tất cả về hoạt động của vòng lặp For-Each trong TypeScript.

Phần kết luận

Vòng lặp “For-Each” được triển khai trong TypeScript với “ cho mỗi() ” phương thức được sử dụng để lặp qua các phần tử mảng hoặc các đối tượng có thể lặp khác. Nó chấp nhận một hàm gọi lại làm đối số của nó, được thực thi cho mọi phần tử trong mảng. Hướng dẫn này minh họa hoạt động của vòng lặp For-Each trong TypeScript.