Как работает цикл For-Each в TypeScript?

Kak Rabotaet Cikl For Each V Typescript



Перебор элементов массива или другого итерируемого объекта — обычная операция программирования, и TypeScript предоставляет простой способ сделать это с помощью цикла «For-Each», реализованного с помощью метода «forEach()». Он позволяет выполнять блок кода для каждого элемента массива или итерируемого объекта, не беспокоясь об индексе или длине массива. Это делает его полезным инструментом для фильтрации, сопоставления и преобразования данных.

Это руководство проиллюстрирует работу цикла For-Each в TypeScript.

Как работает цикл For-Each в TypeScript?

В TypeScript « Для каждого » реализован с помощью 'для каждого() », который является предопределенным методом объекта Array. Он используется для перебора элементов массива или других итерируемых объектов. В качестве аргумента он принимает функцию обратного вызова, которая выполняется для каждого элемента массива.







Синтаксис
Для цикла For-Each используется следующий синтаксис:



для каждого ( функция обратного вызова )

Здесь «callbackFunc» — это функция, которая используется для проверки каждого элемента в массиве.



Например, используйте приведенный выше синтаксис как:





массив.forEach ( функция ( ценить ) {
// код для выполнения для каждый элемент
} ) ;

Пример
В следующем примере у нас есть массив строкового типа с именем « только ”:

позволять язык: строка [ ] '=' [ 'JavaScript' , 'Джекьюри' , 'Джава' ] ;

Вызовите метод forEach() как цикл For-Each, чтобы перебрать массив и отобразить каждый элемент массива на консоли:



lang.forEach ( функция ( ценить ) {
console.log ( ценить ) ;
} ) ;

Транспилируйте файл TypeScript с помощью команды «tsc»:

tsc forEachLoop.ts

Теперь код преобразован в JavaScript, теперь мы выполним файл JavaScript с помощью данной команды:

узел forEachLoop.js

Вывод показывает, что элементы массива были успешно отображены на консоли путем итерации массива с использованием цикла For-Each:

Цикл For-Each используется не только для массивов; его также можно использовать с любым итерируемым объектом. Здесь мы будем повторять объект с именем « информация о часах ” с тремя парами ключ-значение:

позволять стандартная информация = {
идентификатор : 5 ,
имя: 'Мили' ,
возраст: пятнадцать
} ;

Повторите объект, используя цикл For-Each с методом Object.keys(), чтобы распечатать свойства объекта с соответствующими значениями:

Object.keys ( информация о часах ) .для каждого ( функция ( ключ ) {
console.log ( ключ + ':' + информация о часах [ ключ ] ) ;
} ) ;

Выход

Это все, что касается работы цикла For-Each в TypeScript.

Заключение

Цикл «For-Each» реализован в TypeScript с помощью « для каждого() », который используется для итерации по элементам массива или другим итерируемым объектам. В качестве аргумента он принимает функцию обратного вызова, которая выполняется для каждого элемента массива. В этом руководстве показано, как работает цикл For-Each в TypeScript.