Чем forEach отличается от цикла for в TypeScript?

Cem Foreach Otlicaetsa Ot Cikla For V Typescript



В TypeScript « для каждого ' и ' для Циклы — это два альтернативных подхода к перебору массивов или итерируемых объектов. Хотя оба метода перебирают элементы массива, они различаются по синтаксису и функциональным возможностям. Цикл «for» — это цикл общего назначения, который может выполнять любую операцию над каждым элементом массива, но метод «forEach» был разработан исключительно для перебора массивов и выполнения функции для каждого элемента.

В этой статье показано, чем forEach отличается от цикла for в TypeScript.

Чем forEach отличается от цикла for в TypeScript?

В TypeScript « для каждого ' и ' для Циклы — это два разных метода перебора массивов или других итерируемых объектов. Основное различие между ними заключается в том, что цикл «for» — это цикл общего назначения, позволяющий выполнять любые операции над элементами массива, а «forEach» — это метод, разработанный специально для перебора массивов и выполнения функции для каждого из них. элемент. Некоторые общие различия будут обсуждаться в данной таблице:







для каждого для цикла
Синтаксис forEach более лаконичен и удобочитаем. Циклы for имеют более сложный синтаксис, чем forEach, что затрудняет их чтение и понимание.
Как правило, это более эффективно, чем использование цикла for, особенно для больших массивов. В целом производительность выше, но меньше, чем у forEach.
forEach разработан специально для выполнения функции над каждым элементом. Он может выполнять любую операцию над каждым элементом массива.
Он менее гибкий, чем for loops. Циклы for более гибкие, чем forEach.

Прежде чем перейти к практической реализации, имейте в виду, что для выполнения файла TypeScript его необходимо преобразовать в файл JavaScript, а затем запустить код JavaScript на терминале с помощью данных команд:



tsc имя файла.ts
узел имя файла.js

Как работает «forEach» в TypeScript?

для каждого ” — это встроенный метод в TypeScript, который позволяет нам перебирать массив и выполнять функцию для каждого элемента массива.



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





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

Пример
Создайте массив нечетных чисел:

константа нечетных чисел = [ 1 , 3 , 5 , 7 , 9 , одиннадцать ] ;

Перебор массива и вывод элементов массива на консоль с помощью метода forEach:



нечетные числа. forEach ( ( числа ) '=' > {
console.log ( числа ) ;
} ) ;

Выход

]

Как работает цикл for в TypeScript?

А “ для ” — это стандартный цикл. Это позволяет перебирать коллекцию элементов и выполнять некоторые действия/операции с каждым элементом.

Синтаксис
Данный синтаксис используется для цикла for:

для ( InitialValue, SpecificCondition, stepIncrement ) {
// тело петли
}

Пример
Повторите созданный выше массив, используя цикл for, и отобразите элементы массива на консоли:

для ( позволять я = 0 ; я < нечетныеЧисла.длина; я++ ) {
console.log ( нечетные числа [ я ] ) ;
}

Выход

Мы собрали все необходимые инструкции, относящиеся к разнице между forEach и циклом for в TypeScript.

Заключение

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