Как forEach е различен от for Loop в TypeScript?

Kak Foreach E Razlicen Ot For Loop 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:





за всеки ( callbackFunc )

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

const oddNumbers = [ 1 , 3 , 5 , 7 , 9 , единадесет ] ;

Повторете масива и отпечатайте елементите на масива на конзолата, като използвате метода forEach:



oddNumbers.forEach ( ( числа ) = > {
console.log ( числа ) ;
} ) ;

Изход

]

Как работи цикълът „for“ в TypeScript?

A “ за ” цикълът е стандартен цикъл. Той позволява итерация през колекция от елементи и извършване на някои действия/операции върху всеки елемент.

Синтаксис
Даденият синтаксис се използва за цикъла „for“:

за ( първоначална стойност, специфично условие, стъпка ) {
// тяло на примка
}

Пример
Повторете създадения по-горе масив, като използвате for цикъл и елементите на масива за показване на конзолата:

за ( позволявам аз = 0 ; i < oddNumbers.length; i++ ) {
console.log ( нечетни числа [ i ] ) ;
}

Изход

Събрахме всички необходими инструкции, свързани с разликата между forEach и for цикъла в TypeScript.

Заключение

за всеки ' и ' за ” циклите са две различни техники за итериране на масиви или други итерируеми обекти. Докато и двата подхода преминават през елементите на масива, те се различават по синтаксис и функционалност. Основната разлика между двата е, че цикълът „for“ е цикъл с общо предназначение, който позволява извършването на всяка операция върху елементи на масив, докато „forEach“ е метод, който е предназначен изрично за повторение на масиви и изпълнение на функция за всеки елемент. Тази статия демонстрира как forEach е различен от for цикъла в TypeScript.